Componentes editoriales
para Tailwind CSS v4.
Estética editorial, tipografía monoespaciada y colores que cambias con una sola variable. Con o sin build, en cualquier stack.
Recomendado: instala el paquete con npm y úsalo desde Tailwind. También funciona desde un CDN sin ningún build. Más información
Treinta y seis piezas.
Un solo sistema.
Cada componente comparte los mismos tokens de color, tipografía y espaciado, así que todo combina sin esfuerzo.
Formularios
Inputs, selects, switches y archivos con estados de error, éxito y texto de ayuda.
Responsive
Todo funciona desde 360px, con menú móvil a pantalla completa.
Cards y grids
Tarjetas planas con bordes compartidos en dos, tres o cuatro columnas.
Instalación
Un paquete de npm para Tailwind o un enlace de CDN para usarlo sin build.
JavaScript opcional
Modales, tabs, toasts y más por atributos data-cb, compatibles con Livewire y Alpine.
Componentes Blade
El mismo markup convertido en componentes x-cb para Laravel.
Hecho con cuidado.
Pensado para durar.
Cada componente sigue las mismas reglas, sin importar su tamaño.
- 01
Tokens primero
Ningún color fijo. Todo pasa por variables que puedes cambiar.
- 02
HTML simple
Clases BEM legibles, fáciles de convertir en componentes Blade.
- 03
Sobrescribible
Todo vive en capas de Tailwind, así que tus utilidades siempre ganan.
- 04
Accesible
Contraste AA, foco visible y navegación completa con teclado.
- 05
Sin dependencias
JavaScript puro y opcional. Nada de frameworks en el núcleo.
- 06
Movimiento sutil
Animaciones cortas que se apagan con prefers-reduced-motion.
¿Tienes un proyecto?
Úsalo hoy.
Instala el paquete, importa el CSS después de Tailwind y empieza a construir.