Uma skill de design para Claude Code, Cursor e Codex que orienta agentes de programação com IA a criar interfaces que não parecem geradas por IA.
saadeghi/daisyui
Uma biblioteca gratuita e de código aberto que adiciona componentes de UI prontos como nomes de classes sobre o Tailwind CSS.
- Estrelas
- 42,625
- Forks
- 1,711
- Issues abertas
- 32
- Último commit
- anteontem
O que é?
daisyUI é uma biblioteca de componentes para Tailwind CSS. Em vez de criar botões, cards, modais e controles de formulário com classes utilitárias a cada vez, os desenvolvedores aplicam nomes semânticos de classes de componentes, como btn, card ou modal, e os estilos são fornecidos pelo plugin do Tailwind da daisyUI.
A biblioteca inclui vários temas que podem ser alternados por meio de um atributo data, permitindo que a mesma marcação use diferentes esquemas de cores. Os componentes são apenas HTML e classes CSS, então funcionam em qualquer framework ou mesmo sem framework algum. A página inicial do projeto também menciona integração com Svelte e outras ferramentas.
A biblioteca é distribuída como um pacote npm e também pode ser carregada por CDN. Ela é licenciada sob a MIT. A versão principal atual é a daisyUI 5.
Recursos principais
- 01Oferece nomes semânticos de classes de componentes, como btn, card e modal, criados sobre o Tailwind CSS.
- 02Inclui vários temas integrados que podem ser alternados com um atributo data.
- 03Funciona com HTML puro e qualquer framework frontend.
- 04Pode ser instalada via npm ou carregada por CDN.
Casos de uso
- Criar rapidamente a interface de um site de marketing ou dashboard sobre o Tailwind CSS.
- Adicionar botões, formulários e modais consistentes sem escrever estilos personalizados para componentes.
- Prototipar interfaces com um tema que pode ser alterado em tempo de execução.
Início rápido
- 1
Abra o guia de instalação no site oficial
Antes de usar
- Só funciona sobre o Tailwind CSS, então é preciso configurá-lo primeiro.
Tópicos
Perguntas frequentes
- O que é daisyui?
- Uma biblioteca gratuita e de código aberto que adiciona componentes de UI prontos como nomes de classes sobre o Tailwind CSS. daisyUI é uma biblioteca de componentes para Tailwind CSS. Em vez de criar botões, cards, modais e controles de formulário com classes utilitárias a cada vez, os desenvolvedores aplicam nomes semânticos de classes de componentes, como btn, card ou modal, e os estilos são fornecidos pelo plugin do Tailwind da daisyUI.
- daisyui é gratuito? Qual é a licença?
- daisyui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- daisyui ainda é mantido?
- Manutenção ativa. O último commit de daisyui foi em 17 de out. de 2026.
- Para que posso usar daisyui?
- Criar rapidamente a interface de um site de marketing ou dashboard sobre o Tailwind CSS. Adicionar botões, formulários e modais consistentes sem escrever estilos personalizados para componentes. Prototipar interfaces com um tema que pode ser alterado em tempo de execução.
- Como instalar daisyui?
- Abra o guia de instalação no site oficial
- Onde consigo daisyui?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/saadeghi/daisyui
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Um design system open source para React com mais de 150 componentes acessíveis, temas e CLI, desenvolvido com React 19 e StyleX.
Agent Skills que ajudam agentes de programação a criar interfaces diferenciadas, usando direção de arte, fotos reais e uma verificação no navegador em vez de landing pages genéricas feitas por IA.
Uma coleção de skills para agentes que ensinam assistentes de programação com IA sobre animação, design de UI e boas práticas de frontend, com base na experiência do autor na Vercel e na Linear.
Coleção de skills para agentes criarem interfaces melhores, com foco em acessibilidade, layout, tipografia, cores, escrita e refinamento visual.
CLI que abre qualquer site em um navegador headless e extrai seu design system como tokens DTCG, configuração do Tailwind, variáveis do Figma e mais.