Hero-секціїблоки
Помітні hero-секції для лендингів. Готові UI-блоки на React у стилі необруталізму — hero, pricing, auth, dashboards та інше. Дивіться прев’ю на будь-якому екрані, копіюйте код або ставте через AI-агента та наш MCP-сервер. Працюють з Radix UI, Base UI і React Aria.
- Hero, ціни та auth
- Перегляд кожної точки зупину
- Скопіювати вихідний код
- MCP готовий до встановлення
- Radix · Base UI · React Aria
- 158 готові блоки
- Розділи сторінки, що відправляються
- Інформаційні панелі та маркетинг
- Pro розблоковує код
- Компоновки з можливістю вільного розміщення
Переглядайте кожен макет
Hero-секції
8 блоків — відкрийте будь-яку карточку для повноекранного прев'ю, коду та кроків установки.
- 01Pro
Hero агенції з вирізаним портретом
Велетенська назва бренду з жорстким кольоровим зміщенням веде цю темну панель на React і Tailwind, над рядом аватарів і кутовим вирізом.
- 02Pro
Hero-анонс
Приглушена сітка в клітинку за центрованим заголовком запуску, хвиляста лінія підкреслення і дві кнопки. React і Tailwind: анонс без скриншота.
- 03Pro
Центрований hero портфоліо
Широко кадрований портрет упирається в нижню лінію під центрованим привітанням, нахиленим словом у заголовку та однією кнопкою. React і Tailwind.
- 04Pro
Hero дизайнера з доказами
Вирізаний портрет відкриває панель, а лічильник клієнтів стоїть в одному рядку з кнопкою. React і Tailwind: продаєте людину, а не логотип.
- 05Pro
Hero розсилки з формою email
Єдине підписане поле email і кнопка Subscribe — уся дія, поруч із доказом підписників і паперовим літачком. React і Tailwind: ростіть базу.
- 06Pro
Hero запуску продукту
Повернутий обведений прямокутник лежить за фото продукту, наче наліпка, поруч із бейджем і кнопками покупки та демо. React і Tailwind.
- 07Pro
Розділений hero портфоліо
Текст і вирізане фото стоять поруч, тож роботи лишаються на першому екрані: одне нахилене слово й одна кнопка. React і Tailwind.
- 08Pro
Розділений hero для SaaS
Замість скриншота панель заповнює лог збірки з чотирьох кроків із таймінгами, поруч бейдж запуску і дві кнопки. React і Tailwind: покажіть пайплайн.