👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Footer with CTA
Footer with prominent CTA card for newsletter subscription above navigation links and social icons
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Make newsletter signup impossible to miss. This React footer features prominent CTA card with contrasting background and newsletter form above standard footer links and social icons. Built with shadcn/ui Card, Input, and Button components, the bold design prioritizes email capture—perfect for content sites, marketing pages, or blogs where email list growth drives business and dedicated newsletter section converts better than subtle footer forms.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/footer-cta-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/footer-cta-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/footer-cta-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/footer-cta-01.jsonRelated blocks you will also like
Newsletter Footer
Footer with newsletter in sidebar
Simple Footer
Footer with copyright and social links
Footer with Links
Footer with navigation links
Contact Newsletter
Newsletter signup form section
Multi-Column Footer
Footer with multiple link columns
CTA Newsletter
Newsletter call-to-action section