Shadcn.io is not affiliated with official shadcn/ui
Legal Compliance Footer Block
A legal and compliance-focused footer block for React and Next.js with GDPR, CCPA, SOC 2, and ISO 27001 badges, legal document links, cookie preferences, and privacy controls built with shadcn/ui and Tailwind CSS
Establish regulatory trust with this React and Next.js legal compliance footer block. Leads with four prominent compliance badges for GDPR, CCPA, SOC 2 Type II, and ISO 27001, followed by a detailed legal links section with six or more document links covering privacy policy, terms of service, DPA, cookie policy, accessibility statement, and responsible disclosure. Includes a cookie preference button for consent management and a direct privacy policy link. Built with TypeScript, Framer Motion staggered entrance animations, Balancer for balanced text, shadcn/ui Button component, and Tailwind CSS. Designed for regulated industries like healthcare, fintech, and enterprise SaaS where compliance visibility in the footer is a legal requirement and a trust signal.
Legal Compliance Footer Block preview
Installation
Related Components
Footer Enterprise
Full enterprise footer with navigation
Footer Trust Badges
Footer with certification trust signals
Footer Columns
Simple multi-column footer layout
Footer Dark
Dark theme footer variant
Footer Minimal
Compact minimal footer
Footer Status Bar
Footer with live status indicator
FAQ
Was this page helpful?
Sign in to leave feedback.
Language Selector Footer Block
A language selector footer block for React and Next.js with toggleable language buttons, three navigation link columns, and copyright built with shadcn/ui and Tailwind CSS
Legal Minimal Footer Block
A legal-focused minimal React footer block for Next.js with compliance links row, legal entity info, and copyright built with shadcn/ui and Tailwind CSS