👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Newsletter Footer
Footer with multi-column navigation links and newsletter subscription form with checkbox consent
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Newsletter signups convert visitors into leads—put subscription in the footer. This React footer combines navigation link columns with email signup form including terms consent checkbox. Built with shadcn/ui Input, Button, Checkbox, and Label components, the layout balances navigation with lead capture—perfect for marketing sites, blogs, or e-commerce where growing email list matters and footer real estate drives subscriptions without interrupting main content flow.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/footer-newsletter-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/footer-newsletter-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/footer-newsletter-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/footer-newsletter-01.jsonRelated blocks you will also like
Simple Footer
Footer with copyright and social links
Footer with Links
Footer with navigation columns
Footer Sitemap
Comprehensive footer with sitemap
Footer with CTA
Footer with call-to-action section
Multi-Column Footer
Footer with multiple link columns
Contact Newsletter
Newsletter signup form section