Secciones herobloques
Secciones hero llamativas para tus landing pages. Bloques UI de React listos para usar, con estilo neobrutalista: héroes, precios, autenticación, dashboards y más. Previsualiza cada tamaño de pantalla, copia el código o instálalos con tu agente de IA a través de nuestro servidor MCP. Funcionan con Radix UI, Base UI y React Aria.
- Hero, precios y auth
- Previsualizar cada punto de interrupción
- Copia el código fuente
- MCP listo para instalar
- Radix · Base UI · React Aria
- 158 bloques prefabricados
- Secciones de la página que se envían
- Cuadros de mando y marketing
- Pro desbloquea el código
- Diseños de inserción directa
Explora todas las disposiciones
Secciones hero
8 bloques — abre cualquier tarjeta para una vista previa a pantalla completa, el código y pasos de instalación.
- 01Pro
Hero de agencia con recorte
Un nombre de marca enorme con color desplazado lidera este panel oscuro, con avatares y recorte en la esquina. React y Tailwind. Vende el estudio.
- 02Pro
Hero de anuncio
Grilla de papel cuadriculado enmascarada respalda un encabezado de lanzamiento centrado y un subrayado ondulado. React y Tailwind, sin captura aún.
- 03Pro
Hero de portafolio centrado
Un retrato ancho recortado corre a ras hasta la línea inferior, bajo un saludo centrado, una palabra inclinada y un botón. React y Tailwind. Sé el centro.
- 04Pro
Hero de diseñador con prueba
Un retrato recortado lidera el panel; el contador de clientes comparte fila con el botón. Hero de React y Tailwind en primera persona, no un logo.
- 05Pro
Hero de newsletter por email
Un campo de email y un botón Subscribe son la única acción, junto a prueba de suscriptores y un avión de papel. React y Tailwind. Haz crecer la lista.
- 06Pro
Hero de lanzamiento de producto
Un bloque con borde rotado se ubica detrás de la foto como un sticker, junto a una insignia y botones de compra y demo. React y Tailwind. Un solo objeto.
- 07Pro
Hero de portafolio dividido
El copy y una foto recortada van lado a lado para que el trabajo quede sobre el pliegue, con una palabra inclinada. React y Tailwind. Pide una sola cosa.
- 08Pro
Hero SaaS dividido
Un registro de build de cuatro pasos y tiempos llena el panel en vez de una captura, junto a insignia de lanzamiento y dos botones. React y Tailwind.