Agent Skills para que los agentes de programación diseñen interfaces distintivas, con dirección de arte, fotos reales y una revisión en el navegador, en lugar de páginas genéricas de IA.
saadeghi/daisyui
Una biblioteca gratuita y de código abierto que añade componentes de UI listos para usar como nombres de clases sobre Tailwind CSS.
- Estrellas
- 42,625
- Forks
- 1,711
- Issues abiertos
- 32
- Último commit
- anteayer
¿Qué es?
daisyUI es una biblioteca de componentes para Tailwind CSS. En lugar de crear botones, tarjetas, modales y controles de formulario con clases de utilidad cada vez, los desarrolladores aplican nombres semánticos de clases de componentes, como btn, card o modal, y los estilos se obtienen del plugin de Tailwind de daisyUI.
La biblioteca incluye varios temas que se pueden cambiar mediante un atributo data, de modo que el mismo marcado puede adoptar distintas combinaciones de colores. Los componentes son HTML y clases CSS simples, por lo que funcionan con cualquier framework o sin framework, y la página principal del proyecto señala que se integra con Svelte y otras herramientas.
Se distribuye como paquete npm y también se puede cargar desde un CDN; tiene licencia MIT. La versión principal actual es daisyUI 5.
Funciones clave
- 01Ofrece nombres semánticos de clases de componentes, como btn, card y modal, basados en Tailwind CSS.
- 02Incluye varios temas integrados que se pueden cambiar con un atributo data.
- 03Funciona con HTML simple y cualquier framework frontend.
- 04Se instala mediante npm o se carga desde un CDN.
Casos de uso
- Crear rápidamente la interfaz de un sitio de marketing o un dashboard sobre Tailwind CSS.
- Añadir botones, formularios y modales coherentes sin escribir estilos personalizados para los componentes.
- Prototipar interfaces con un tema que se pueda cambiar en tiempo de ejecución.
Temas
Preguntas frecuentes
- ¿Qué es daisyui?
- Una biblioteca gratuita y de código abierto que añade componentes de UI listos para usar como nombres de clases sobre Tailwind CSS. daisyUI es una biblioteca de componentes para Tailwind CSS. En lugar de crear botones, tarjetas, modales y controles de formulario con clases de utilidad cada vez, los desarrolladores aplican nombres semánticos de clases de componentes, como btn, card o modal, y los estilos se obtienen del plugin de Tailwind de daisyUI.
- ¿daisyui es gratuito? ¿Qué licencia tiene?
- daisyui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿daisyui sigue mantenido?
- Mantenimiento activo. El último commit de daisyui fue el 17 oct 2026.
- ¿Para qué puedo usar daisyui?
- Crear rápidamente la interfaz de un sitio de marketing o un dashboard sobre Tailwind CSS. Añadir botones, formularios y modales coherentes sin escribir estilos personalizados para los componentes. Prototipar interfaces con un tema que se pueda cambiar en tiempo de ejecución.
- ¿Dónde consigo daisyui?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/saadeghi/daisyui
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Colección de skills para agentes que enseñan a asistentes de programación con IA reglas de animación, diseño de UI y desarrollo frontend basadas en la experiencia del autor en Vercel y Linear.
Colección de skills para agentes que ayudan a crear mejores interfaces, con recursos sobre accesibilidad, diseño, tipografía, color, redacción y acabado visual.
CLI que abre cualquier sitio web en un navegador headless y extrae su sistema de diseño como tokens DTCG, configuración de Tailwind, variables de Figma y más.
Herramienta CLI que extrae el sistema de diseño de un sitio web (colores, tipografía, espaciado, sombras y componentes) como design tokens de W3C con un solo comando.
CLI que extrae el sistema de diseño de un sitio web, un repositorio git o una base de código local en una carpeta de archivos que Claude Code puede leer para crear una UI a juego.