Skip to content

Overlapping Newsletter Footer

Footer · Pro source

A footer that promotes its email capture above the fold of the footer itself: a bordered primary card sits across the top edge, so the signup reads as part of the page it follows rather than as small print. Below it, an illustration with an overlapping caption card balances four columns of links, and an inverted legal bar closes the page.

Open live previewGet Neobrutalism Pro
Footer
Neobrutalist React and Tailwind footer: a yellow bordered newsletter card across the top with a Book and save your spot heading, an email field and a Subscribe button, then an illustration of a museum display case with two vases beside Product, Learning, Resources and About link columns, and a dark legal bar at the bottom.
Overlapping Newsletter Footer
  • Heroes, pricing & auth
  • Preview every breakpoint
  • Copy the source
  • MCP install ready
  • Radix · Base UI · React Aria
  • 158 ready-made blocks
  • Page sections that ship
  • Dashboards & marketing
  • Pro unlocks the code
  • Drop-in layouts
PreviewFreeOpen it full-screen and switch breakpoint or theme.CodeProOne self-contained TSX file. Copy it, own it.InstallProOne shadcn CLI command — or the agent prompt for Claude Code, Cursor, or any MCP client.

Built with

Plus lucide-react icons and Tailwind CSS — no other runtime dependency.

More Footer layouts (5)

View all

https://neobrutalism.com/blocks/footer/overlapping-newsletter-card-footer

Loved by devs, designers
& creators

  • Stumbled across your UI kit and grabbed it right away. Impressed it's new, actively maintained, and always improving — amazing work! 🤘

    Ziv Reich, Software Developer

  • Just wanted to say great job on neobrutalism.com. Really love it. I suck at design. So this was amazing. Used it on my personal site.

    Paul Bratslavsky, Creator of Coding With Paul

  • Finally rebuilt my personal website with Neobrutalism.com — fun library, super easy to get started!

    Cameron Blackwood, Content Creator

  • Neobrutalism.com is one of my favorite retro-style UI component libraries — components that actually ship.

    Zhengyang Hou, Indie Hacker

  • one of my fav ui libraries for the web. great work — hope it goes above and beyond.

    Taseen Tanvir, Founder & Designer

  • Just tried Neobrutalism.com Pro — a UI kit that doesn't look like everything else. The neo-brutalist blocks made prototyping weird, fun layouts way faster. 🔥

    Nitesh Padghan, Ghostwriter

  • Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.

    Desmond, Co-founder @ VectorlabsVentures

  • As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With Neobrutalism.com, I literally plug in a template, tweak the copy, and I'm ready to ship.

    Duke Opoku Amankwah, Founder @ Midas

  • The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.

    Abiola Braimah, Developer @ Studio IX

  • Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.

    Acromond X., Co-founder @ VectorlabsVentures

  • Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work.

    Raquib S., Backend Developer

  • These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.

    Hallic M., Developer @ AtlasLabs

  • Neobrutalism.com templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Outstanding support and premium quality templates. The ROI on these templates is phenomenal.

    Kevin K., CEO @ WebCraft

  • Neobrutalism.com templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.

    Danny G., Founder of DevStack

  • I've used many template libraries before, but Neobrutalism.com stands out for its attention to performance optimization and clean code architecture.

    Ian D., CTO at Wavelength

  • The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.

    Ben S., Lead Designer at PixelPerfect

  • As a non-technical founder, Neobrutalism.com templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away.

    Matthew I., Startup Founder

  • I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.

    Garrett P., Frontend Lead at TechFusion

  • The ROI on Neobrutalism.com templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.

    Xavier C., Agency Owner

Frequently asked
questions

How the Overlapping Newsletter Footer block is put together, what you can change, and when to use it instead of the other layouts here.

Block access issue? Email[email protected]
Get Pro — Save 33%--:--:--