Kanban

Premium

Drag & Drop

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

Dependencies:

framer-motion

Full

Drag cards between columns

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 { Kanban } from '@/components/Kanban'

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