Tarjetasbloques
Diseños de tarjeta versátiles para todo tipo de contenido. 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
Tarjetas
15 bloques — abre cualquier tarjeta para una vista previa a pantalla completa, el código y pasos de instalación.
- 01Pro
Encuesta de opinión compacta
Tres preguntas en treinta segundos: correo, cinco estrellas con vista previa al pasar el cursor y un cuadro de comentario. React y Tailwind.
- 02Pro
Tarjeta de contacto y valoración
Cuatro campos de contacto con icono, valoración por estrellas traducida a palabras, de Deficiente a Excelente. React y Tailwind. Conéctala a tu CRM.
- 03Pro
Tarjeta de cupón con cuenta atrás
Un reloj en directo de horas, minutos y segundos avanza bajo la ilustración del cupón y una etiqueta de oferta girada. React y Tailwind.
- 04Pro
Tarjeta de curso con instructor
Se abre con un panel de glifo de código en vez de una foto, luego estadísticas y una fila de instructor sobre el botón Inscribirme. React y Tailwind.
- 05Pro
Tarjeta de curso con precio
Una insignia de precio se solapa entre la foto y el texto, sobre tres estadísticas en casillas cuadradas con icono. React y Tailwind.
- 06Pro
Tarjeta de encuesta detallada
Dos secciones con título recogen nombre, correo, dos selectores, un deslizador de satisfacción de 0 a 5, estrellas y comentarios. React y Tailwind.
- 07Pro
Tarjeta de oferta con descuento
Una etiqueta girada del 40 por ciento ancla la mitad de texto, mientras una foto de moda a toda altura llena la otra. React y Tailwind.
- 08Pro
Tarjeta de valoración con emojis
Cinco caras emoji funcionan como radios, de Muy mala a Me encantó, sobre un comentario opcional que cuenta hacia atrás desde 240. React y Tailwind.
- 09Pro
Tarjeta de perfil invertida
Superficie de tinta invertida, opuesta a la página: retrato cuadrado, biografía, fecha de alta, hashtags y botón de correo. React y Tailwind.
- 10Pro
Tarjeta de suscripción a newsletter
Un banner ilustrado con borde corona un titular grande NEWSLETTER, con un campo de correo y botón de suscripción unidos. React y Tailwind.
- 11Pro
Tarjeta de producto con cantidad
Un selector de menos y más que anuncia cada cambio se sitúa junto al precio tachado, sobre el botón de añadir al carrito. React y Tailwind.
- 12Pro
Tarjeta de perfil con portada
Un avatar cuadrado sobresale de la portada con un punto de conexión, junto a botón de seguir, biografía y etiquetas de habilidades. React y Tailwind.
- 13Pro
Tarjeta de newsletter dividida
División 45 a 55: un panel ilustrado a un lado, y al otro un campo de correo con etiqueta y un botón de suscripción de ancho completo. React y Tailwind.
- 14Pro
Tarjeta de resumen de suscripción
Insignia de certificado sobre cuatro asignaciones marcadas y un panel relleno que indica el cargo y la próxima fecha de facturación. React y Tailwind.
- 15Pro
Tarjeta de newsletter ancha
Mitad texto, mitad ilustración a sangre completa, con un campo de email junto a un eyebrow subrayado. React y Tailwind para sumar suscriptores.