Hero-SektionenBlöcke
Auffällige Hero-Sektionen für Landingpages. Fertige React-UI-Blöcke im neobrutalistischen Stil — Heroes, Pricing, Auth, Dashboards und mehr. Schau sie dir in jeder Bildschirmgröße an, kopiere den Code oder installiere sie über deinen AI-Agenten und unseren MCP-Server. Läuft mit Radix UI, Base UI und React Aria.
- Heroes, Preise & Auth
- Vorschau in jeder Breakpoint
- Code kopieren
- MCP-Installation bereit
- Radix · Base UI · React Aria
- 158 fertige Blöcke
- Page-Sections die shippen
- Dashboards & Marketing
- Pro schaltet den Code frei
- Layouts zum Einsetzen
Jeden Layout erkunden
Hero-Sektionen
8 Blöcke — öffne eine beliebige Karte für eine Vollbildvorschau, den Code und Installationsschritte.
- 01Pro
Agentur-Hero mit Cutout
Ein übergroßer Markenname mit hartem Farbversatz führt dieses dunkle React/Tailwind-Panel an, über Avatar-Reihe und Eck-Cutout. Verkauf das Studio.
- 02Pro
Ankündigungs-Hero
Ein ausgeblendetes Rasterpapier hinterlegt eine zentrierte Launch-Headline, eine wellige Linie und zwei Buttons. React und Tailwind, noch ohne Screenshot.
- 03Pro
Zentrierter Portfolio-Hero
Ein breit beschnittenes Portrait läuft bündig in die untere Linie, unter Gruß, geneigtem Wort und einem Button. React und Tailwind. Der Fold gehört dir.
- 04Pro
Designer-Hero mit Proof
Freigestelltes Portrait führt das Panel, Kundenzahl teilt die Zeile mit dem Button. Ich-Hero, React und Tailwind. Verkauf eine Person, kein Logo.
- 05Pro
Newsletter-E-Mail-Hero
Ein E-Mail-Feld und ein Subscribe-Button sind die einzige Aktion, neben Beweis und Papierflieger. React und Tailwind. Lass die Liste wachsen.
- 06Pro
Produkt-Launch-Hero
Ein gedrehter umrandeter Block sitzt wie ein Sticker hinter dem Produktfoto, neben Badge, Kauf- und Demo-Button. React und Tailwind. Verkauf ein Objekt.
- 07Pro
Split-Portfolio-Hero
Text und Foto stehen nebeneinander, die Arbeit bleibt über dem Fold, mit geneigtem Wort und einem Button. React und Tailwind. Frag nach einer Sache.
- 08Pro
Split-SaaS-Hero
Ein Build-Log mit vier Schritten und Zeiten füllt das Panel statt Screenshot, neben Launch-Badge und zwei Buttons. React und Tailwind. Zeig die Pipeline.