Sort Collection

A drag-and-drop collection manager built for Konn3ct, letting users curate and reorder the NFT collections displayed in their navigation bar.

How It Works

Collections you own appear on the left. Clicking Add moves them to the verified list on the right, and the top preview strip updates immediately. Verified collections can be dragged to reorder — the first five fill the preview slots; anything beyond that sits below a dashed separator.

Removing a collection sends it back to the unverified list and swaps its preview slot back to a placeholder, all without shifting the strip's width.

The drag-and-drop list is built with framer-motion's Reorder API. Each item's new index is computed on drop and written back to state.