Todo List Compact
An ultra-dense compact todo list block for React and Next.js with tiny rows, minimal padding, and density toggle built with shadcn/ui and Tailwind CSS
Maximize screen real estate with this ultra-dense compact todo list block for React and Next.js. Features tiny task rows with minimal padding, small text sizing, and a toggle to switch between compact and comfortable density modes. Built with TypeScript, shadcn/ui Checkbox and Button components, framer-motion staggered entrance animations, and Tailwind CSS. Ideal for power users who need to see 15+ tasks at a glance in productivity dashboards and task management tools.
Related Components
Card View Todo List
Grid-based card layout for tasks
Minimal Todo List
Ultra-minimal design with maximum whitespace
Table View Todo List
Spreadsheet-style sortable table
Split View Todo List
List with detail panel
Analytics Todo List
Task statistics dashboard
Grouped Todo List
Tasks organized by category
FAQ
Was this page helpful?
Sign in to leave feedback.
Comments
A todo list block with threaded comments for React and Next.js featuring comment counts, avatar initials, timestamps, and inline reply input built with shadcn/ui and Tailwind CSS
Compliance
A compliance checklist block for React and Next.js with regulatory framework sections, evidence status tracking, per-framework scores, and audit due dates built with shadcn/ui and Tailwind CSS