Sortable

Premium

Drag & Drop

Drag-to-reorder list with smooth animations, optional handle, and flexible rendering.

Dependencies:

framer-motion

Full

Drag items to reorder

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { Sortable } from '@/components/Sortable'

Draggable cards between columns with smooth animations, ideal for project boards.