KanbanBoard is a fully interactive drag-and-drop task board for Framer. Cards snap between columns with physics-based tilt and lift animations, smooth ghost slot previews, and horizontal auto-scroll. Built entirely with native React — zero dependencies.
Smooth drag-and-drop with physics tilt & lift effect Ghost slot preview shows exactly where the card will land Priority badges — Urgent, High, Medium, Low with color coding Avatar stacks — assign up to 4 team members per card Tag system with custom label and accent color per card Note field for additional context on each card Dark & light mode — toggle button with animated sun/moon icon Horizontal auto-scroll when dragging near board edges Fully responsive — stacks vertically on mobile under 810px Card hover shadow with zero re-render (direct DOM write) Rect cache at drag start — zero layout reads during drag Works out of the box — no setup, no config needed Full property controls: columns, cards, colors, theme, counts
Use Cases
Product roadmap & sprint planning boards Project management & team workflow tools Startup & agency portfolio dashboards SaaS onboarding & feature showcase pages Marketing campaign & content calendar layouts Design system & component demo pages Editorial & publishing workflow boards E-commerce product launch planning views Event planning & schedule management boards Recruitment pipeline & hiring tracker layouts
Keywords
kanban board, drag drop framer, task board framer, project board, interactive kanban, card drag drop, framer kanban, sprint board, todo board framer, priority card, dark mode board, team board framer, workflow board, drag card framer, kanban component, framer task manager, project tracker framer, card reorder, column board, framer dashboard component
KanbanBoard is a fully interactive drag-and-drop task board for Framer. Cards snap between columns with physics-based tilt and lift animations, smooth ghost slot previews, and horizontal auto-scroll. Built entirely with native React — zero dependencies.
Smooth drag-and-drop with physics tilt & lift effect Ghost slot preview shows exactly where the card will land Priority badges — Urgent, High, Medium, Low with color coding Avatar stacks — assign up to 4 team members per card Tag system with custom label and accent color per card Note field for additional context on each card Dark & light mode — toggle button with animated sun/moon icon Horizontal auto-scroll when dragging near board edges Fully responsive — stacks vertically on mobile under 810px Card hover shadow with zero re-render (direct DOM write) Rect cache at drag start — zero layout reads during drag Works out of the box — no setup, no config needed Full property controls: columns, cards, colors, theme, counts
Use Cases
Product roadmap & sprint planning boards Project management & team workflow tools Startup & agency portfolio dashboards SaaS onboarding & feature showcase pages Marketing campaign & content calendar layouts Design system & component demo pages Editorial & publishing workflow boards E-commerce product launch planning views Event planning & schedule management boards Recruitment pipeline & hiring tracker layouts
Keywords
kanban board, drag drop framer, task board framer, project board, interactive kanban, card drag drop, framer kanban, sprint board, todo board framer, priority card, dark mode board, team board framer, workflow board, drag card framer, kanban component, framer task manager, project tracker framer, card reorder, column board, framer dashboard component
Ahmet Loca
