Shadcn.io is not affiliated with official shadcn/ui
Kanban Habit Tracker
A daily habit tracking kanban board built with React, Next.js, shadcn/ui, and Tailwind CSS. Features time-based columns for Morning, Afternoon, Evening, and Anytime habits with completion checkboxes, streak flame icons, frequency badges, and last completed timestamps for building consistent routines.
Build lasting habits with this time-organized kanban board component. Designed with React and shadcn/ui, it helps you track daily routines across different times of day, monitor streaks, and visualize habit consistency with intuitive completion tracking and frequency management.
Related Components
React Personal Goals Kanban Block
Personal goal tracker with milestone progress
React Meal Planner Kanban Block
Weekly meal planning kanban with recipe cards
React Fitness Routine Kanban Block
Workout planner with exercise tracking columns
React Reading List Kanban Block
Book tracking board with reading progress
React Habit Tracker Grid Block
Calendar-based habit tracking with heatmap
FAQ
Was this page helpful?
Sign in to leave feedback.