Shadcn.io is not affiliated with official shadcn/ui
Kanban Habit Board
React kanban habit tracker board for Next.js with tab navigation, streak counters, frequency badges, category labels, and staggered card animations using shadcn/ui Tabs and Tailwind CSS
Track and build habits with this React and Next.js kanban block. Features four tab-navigated columns — Active, Building, Mastered, and Dropped — with streak counters, frequency badges, category indicators, and framer-motion staggered entrance animations. Built with TypeScript, shadcn/ui Tabs, Badge, and Button components, and Tailwind CSS. Ideal for habit tracking apps, personal development dashboards, and goal-setting interfaces.
Related Components
Task Inbox Kanban
Compact list-style task inbox
Weekly Goals Kanban
Accordion-based weekly goal tracker
Email Triage Kanban
Email categorization board
Feedback Sorter Kanban
User feedback categorization
Chore Organizer Kanban
Household chore management board
FAQ
Was this page helpful?
Sign in to leave feedback.
Grant Proposals
React grant management kanban for Next.js with proposal stage columns, compact cards, and Dialog detail overlay showing funding body, amount, PI, deadline, and abstract using shadcn/ui Dialog and Tailwind CSS.
Impact Effort
React impact-effort 2x2 prioritization matrix for Next.js with quick wins, major projects, fill-ins, and time sinks quadrants using shadcn/ui and Tailwind CSS