Todo List Design Review
A design review checklist block for React and Next.js with categorized visual, UX, and technical checks, reviewer notes, and completion tracking built with shadcn/ui and Tailwind CSS
Conduct structured design reviews with this categorized checklist block for React and Next.js. Features three review sections (Visual, UX, Technical) with items like spacing consistency, typography hierarchy, and WCAG contrast checks. Includes a reviewer notes field and overall completion tracker. Built with TypeScript, shadcn/ui Checkbox, Badge, Textarea, and Button components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for design system audits, PR review workflows, and UI quality gates.
Related Components
QA Checklist Todo List
QA testing checklist
Accessibility Check Todo List
Accessibility compliance checklist
Deployment Todo List
Deployment checklist tracker
Security Audit Todo List
Security audit checklist
Release Notes Todo List
Release preparation checklist
Bug Tracker Todo List
Bug tracking list
FAQ
Was this page helpful?
Sign in to leave feedback.
Deployment
A deployment checklist todo list block for React and Next.js with progress tracking, step-by-step verification, and deploy gating built with shadcn/ui and Tailwind CSS
Drag Sort
A reorderable todo list block for React and Next.js with manual sorting controls, completion tracking, and smooth layout animations built with shadcn/ui and Tailwind CSS