Stop Rebuilding UI

Todo List 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

Scroll to load preview

Track regulatory compliance across multiple frameworks with this structured checklist block for React and Next.js. Features three regulatory sections (GDPR, SOC 2, HIPAA) with evidence status indicators (Documented, In Progress, Missing), compliance scores per framework, overall compliance percentage, and upcoming audit due dates. Built with TypeScript, shadcn/ui Badge, Button, Checkbox, and Progress components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for compliance dashboards, GRC platforms, and audit preparation workflows.

FAQ

Last updated on April 3, 2026

Was this page helpful?

Sign in to leave feedback.