design-infraReport a problem or share feedback← Catalog
Sortable List
curatedfreebeui/sortable-stack
Composable sortable list with group, item, drag handle, content and undo parts, plus a shared state hook. Spring layout, keyboard reordering, accessible position announcements, and controlled or uncontrolled items.
$
npx shadcn@latest add @beui/sortable-stacknpm deps: clsx, lucide-react, motion, tailwind-merge
Our notes
Reorderable items with drag and keyboard controls. Connect the order to application state and persistence; a demo reorder is not backend storage.- Source
- beUI (free)
- Kind
- component
- Categories
- table
- Use as
- drop-in — replaces your component
- Applies to
- table
- Motion
- on drag, state · subtle · motion · medium cost
- Tags
- react, tailwind-v4, motion, motion
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- Table Async Tablebeui/table-asyncA data-table starting point for asynchronous records. Connect the real query, loading/error/empty states and server pagination; preserve accessible headers.
- Sortable Listcult-ui/sortable-listDrag-and-drop sortable list component with smooth animations and reordering
- Table Data Tablebeui/table10k virtualized rows with sortable headers, row selection, column resize and reorder.