Shadcn.io is not affiliated with official shadcn/ui
Todo List Multi Board
A tabbed multi-board todo list block for React and Next.js with independent task lists per tab, badge counts, and smooth transitions built with shadcn/ui and Tailwind CSS
Organize tasks across multiple boards with this tabbed todo list block for React and Next.js. Features independent task lists for Personal, Work, and Shopping boards, tab badges showing task counts, and add task functionality scoped to the active board. Built with TypeScript, shadcn/ui Tabs, Checkbox, and Button components, framer-motion staggered animations, and Tailwind CSS. Perfect for multi-context productivity apps, personal organization tools, and lifestyle management dashboards.
Related Components
Grouped Todo List
Tasks organized by category
Card View Todo List
Grid-based card layout for tasks
Compact Todo List
Ultra-dense compact task view
Table View Todo List
Spreadsheet-style sortable table
Progress Board Todo List
Visual progress tracking
Nested Todo List
Multi-level deep nesting
FAQ
Was this page helpful?
Sign in to leave feedback.
Moving
A moving checklist block for React and Next.js with timeline sections from 8 weeks before to after move day, progress per phase, important item alerts, and mover contact info built with shadcn/ui and Tailwind CSS
Natural Language
A natural language task input block for React and Next.js with smart text parsing, token preview, date and priority detection built with shadcn/ui and Tailwind CSS