Stop Rebuilding UI

Todo List Attachments

A todo list block with file attachment indicators for React and Next.js featuring expandable file lists, file type icons, and size badges built with shadcn/ui and Tailwind CSS

Scroll to load preview

Track files alongside tasks with this attachment-aware todo list block for React and Next.js. Each task displays a paperclip icon with attachment count, and expanding a row reveals the full file list with filenames, sizes, and type indicators. Built with TypeScript, shadcn/ui Checkbox, Badge, and Button components, motion staggered animations, and Tailwind CSS. Ideal for design review workflows, document management boards, and asset tracking dashboards.

FAQ

Last updated on April 3, 2026

Was this page helpful?

Sign in to leave feedback.