Contactobloques
Formularios de contacto y secciones de información. 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
Contacto
8 bloques — abre cualquier tarjeta para una vista previa a pantalla completa, el código y pasos de instalación.
- 01Pro
Formulario de contacto enmarcado
Nombre, email y mensaje en una caja con borde, sobre tarjetas de dirección, teléfono y email, en columna estrecha. React y Tailwind, para cualquier página.
- 02Pro
Formulario de colaboración
Cinco botones sociales y un email frente a un formulario de React y Tailwind con tipo de proyecto y presupuesto. Enlaza los iconos a tus perfiles.
- 03Pro
Datos de contacto con formulario
Email, teléfono y dirección con el mismo ancho junto a un brief de seis campos cuyos selects comparten un fieldset. React y Tailwind. Publica tu oficina.
- 04Pro
Formulario con panel de mapa
Un mapa ilustrado con teléfono y ciudad junto a un formulario corto de React y Tailwind y tarjetas de chat en vivo y FAQ. Desvía los tickets fáciles.
- 05Pro
Consulta de proyecto freelance
Media banda muted explica qué pasa tras enviar, junto a un formulario de cinco campos con presupuesto y tipo. React y Tailwind. Cotiza en dos días.
- 06Pro
Panel de contacto destacado
Una banda a todo el ancho con el color de marca divide la página con ilustración, canales de contacto y un formulario de seis campos. Recolorea por pares.
- 07Pro
Tarjeta de contacto ilustrada
Una foto recortada ancla un panel llamativo mientras el formulario de tres campos guarda su propia tarjeta blanca. Pide nombre, email y un mensaje.
- 08Pro
Contacto con canales de soporte
Chat en vivo y centro de llamadas van primero, luego un formulario que separa nombre y email del mensaje. React y Tailwind. Que el chat atrape el resto.