SakaniUI

Kanban Board

A project-management board with columns, cards and smooth drag and drop: the Data & Content category's block.

Ships with a state prop demonstrating default | loading | empty-column | dragging. Copy the source in to use your own columns and data.

Drag a card in the preview: it lifts and swings with your movement, a dashed ghost of the card opens exactly where it will land while the other cards slide out of the way, and on release it glides into place. Mouse, pen and touch (press and hold) all work; the board scrolls at its edges, a card dropped outside a column springs back, and reduced motion turns the swing off.

To-do6
Design system update

Enhance component consistency and usability

DesignProduct
Retention rate by 23%

Improve retention through campaigns

Marketing
KYC flow review
Pricing page refresh

New tiers, annual toggle and FAQ

MarketingDesign
Billing failure alerts
Schedule user interviews

Eight sessions with churned accounts

Research
In progress5
Icon library audit

Move every component to Tabler icons

Design
Search performance
Mobile navigation

Bottom bar with five primary destinations

ProductDesign
SAML single sign-on

Okta and Azure AD for enterprise plans

EngineeringSecurity
Weekly email digest
In review5
Onboarding checklist

Three-step setup with progress tracking

Growth
CSV export for reports
Empty states pass

Illustrations and copy for 12 screens

Design
Audit log retention

Keep 365 days on the Business plan

Security
Publish January changelog
Done5
Dark mode tokens

Semantic layer flips from a single source

Design
Stripe webhooks
Landing page hero

New headline tested against the control

MarketingGrowth
Team invite flow

Invite by link or email with roles

Product
Accessibility audit

Why it works this way

Why

  • Its state prop (default, loading, empty-column, dragging) shows each state a board passes through, including a lifted card.

Don't

  • Don't expect working drag-and-drop. Copy the source and wire your own.