Herosectiesblokken
Opvallende herosecties voor landingspagina's. Kant-en-klare React UI-blokken met een neobrutalistische look — heroes, pricing, auth, dashboards en meer. Bekijk ze op elk schermformaat, kopieer de code of installeer via je AI-agent en onze MCP-server. Werkt met Radix UI, Base UI en React Aria.
- Hero's, prijzen & auth
- Elk breekpunt vooraf bekijken
- Kopieer de brontekst
- MCP klaar voor installatie
- Radix · Base UI · React Aria
- 158 kant-en-klare blokken
- Paginadelen die worden geleverd
- Dashboards en marketing
- Pro ontgrendelt de code
- Drop-in-indelingen
Bekijk elk ontwerp
Herosecties
8 blokken — open een willekeurige kaart voor een volledig schermvoorbeeld, de code en installatiesstappen.
- 01Pro
Bureau-hero met uitsnede
Een oversized merknaam met een harde kleuroffset leidt dit donkere React- en Tailwind-paneel, boven een avatarrij en een hoekuitsnede. Verkoop het bureau.
- 02Pro
Aankondigingshero
Een gemaskeerd ruitjesgrid vormt de achtergrond bij een lanceringskop, golvende onderstreping en twee knoppen. React en Tailwind, zonder screenshot.
- 03Pro
Gecentreerde portfolio-hero
Een breed uitgesneden portret sluit aan op de onderrand, onder begroeting, gekanteld kopwoord en één knop. React en Tailwind. Vul de fold.
- 04Pro
Designer-hero met social proof
Een uitgesneden portret leidt het paneel; klantenaantal en knop delen één rij in deze ik-vorm hero. React en Tailwind. Verkoop een persoon, geen logo.
- 05Pro
Nieuwsbrief-hero met e-mail
Eén e-mailveld met label en een knop Aanmelden zijn de enige actie, naast bewijs van abonnees en een papieren vliegtuigje. React en Tailwind.
- 06Pro
Hero voor productlancering
Een gedraaid omlijnd blok zit als een sticker achter de productfoto, naast een badge en knoppen voor kopen en demo. React en Tailwind. Verkoop één object.
- 07Pro
Gesplitste portfolio-hero
Tekst en een uitgesneden foto staan naast elkaar, zodat het werk boven de vouw blijft. Eén gekanteld woord, één knop. React en Tailwind.
- 08Pro
Gesplitste SaaS-hero
Een buildlog van vier stappen met tijden vult het paneel, naast een lanceringsbadge en twee knoppen. React en Tailwind.