Sekcje herobloki
Przyciągające wzrok sekcje hero na landing page. Gotowe bloki UI React w neobrutalistycznym stylu — hero, pricing, auth, dashboards i więcej. Podejrzyj je na każdym rozmiarze ekranu, skopiuj kod albo zainstaluj przez agenta AI i nasz serwer MCP. Działają z Radix UI, Base UI i React Aria.
- Hero, cenniki i auth
- Podgląd każdego punktu przerwania
- Skopiuj kod źródłowy
- MCP gotowy do instalacji
- Radix · Base UI · React Aria
- 158 gotowe bloki
- Sekcje strony, które są dostarczane
- Panele kontrolne i marketing
- Pro odblokowuje kod
- Układy typu „drop-in”
Przejrzyj każdy układ
Sekcje hero
8 bloków — otwórz dowolną kartę, aby uzyskać pełny podgląd, kod i kroki instalacji.
- 01Pro
Hero agencji z wycięciem
Ponadwymiarowa nazwa marki z twardym kolorowym przesunięciem prowadzi ten ciemny panel React i Tailwind, nad rzędem awatarów i wycięciem w rogu.
- 02Pro
Hero z ogłoszeniem
Zamaskowana siatka w kratkę tworzy tło dla wyśrodkowanego nagłówka premiery, falistego podkreślenia i dwóch przycisków React i Tailwind.
- 03Pro
Wyśrodkowane hero portfolio
Szeroko przycięty portret dochodzi do dolnej linii pod wyśrodkowanym powitaniem, przechylonym słowem w nagłówku i jednym przyciskiem React i Tailwind.
- 04Pro
Hero projektanta z dowodem
Wycięty portret prowadzi panel, a licznik klientów dzieli rząd z przyciskiem w hero React i Tailwind pisanym w pierwszej osobie. Sprzedaj osobę, nie logo.
- 05Pro
Hero newslettera e-mail
Jedno pole e-mail z etykietą i przycisk Subscribe to jedyna akcja, obok dowodu subskrybentów i papierowego samolotu, w React i Tailwind. Rozwijaj listę.
- 06Pro
Hero premiery produktu
Obrócony blok z obramowaniem siedzi za zdjęciem produktu jak naklejka, obok plakietki i przycisków zakupu oraz demo, w React i Tailwind.
- 07Pro
Dzielone hero portfolio
Treść i wycięte zdjęcie stoją obok siebie, więc praca zostaje nad linią zgięcia, z jednym przechylonym słowem i jednym przyciskiem React i Tailwind.
- 08Pro
Dzielone hero SaaS
Dziennik budowy z czterema krokami i czasami wypełnia panel zamiast zrzutu ekranu, obok plakietki premiery i dwóch przycisków React i Tailwind.