Hero Sectionsblocks
Eye-catching landing page hero sections. Ready-made React UI blocks with a neobrutalist look — heroes, pricing, auth, dashboards, and more. Preview every screen size, copy the code, or install via your AI agent with our MCP server. Works with Radix UI, Base UI, and React Aria.
- 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
Browse every layout
Hero Sections
8 blocks — open any card for a full-screen preview, the code, and install steps.
- 01Pro
Agency Hero with Cutout
An oversized brand name with a hard colour offset leads this dark React and Tailwind panel, above an avatar row and a corner cutout. Sell the studio.
- 02Pro
Announcement Hero
A masked graph-paper grid backs a centred launch headline, a wavy underline and two React and Tailwind buttons. Announce something with no screenshot yet.
- 03Pro
Centred Portfolio Hero
A wide cropped portrait runs flush into the bottom rule below a centred greeting, a tilted headline word and one React and Tailwind button. Own the fold.
- 04Pro
Designer Hero with Proof
A cut-out portrait leads the panel and the client count shares a row with the button, in a first-person React and Tailwind hero. Sell a person, not a logo.
- 05Pro
Newsletter Email Hero
A single labelled email field and Subscribe button are the only action, beside subscriber proof and a paper plane, in React and Tailwind. Grow the list.
- 06Pro
Product Launch Hero
A rotated bordered block sits behind the product photo like a sticker, beside a badge and buy plus demo buttons, in React and Tailwind. Sell one object.
- 07Pro
Split Portfolio Hero
Copy and a cut-out photo sit side by side so the work stays above the fold, with one tilted word and a single React and Tailwind button. Ask for one thing.
- 08Pro
Split SaaS Hero
A build log of four steps and timings fills the panel instead of a screenshot, beside a launch badge and two React and Tailwind buttons. Show the pipeline.