Componentes e blocos de UI CSS gratuitos do Tailwind por TailGrids
TailGrids é uma biblioteca moderna de UI CSS do Tailwind com mais de 600 componentes e blocos de UI CSS do Tailwind de alta qualidade, perfeitamente elaborados para sites modernos, páginas de destino, aplicativos da web, painel, comércio eletrônico e muito mais. Esta biblioteca inclui todos os componentes e elementos de UI essenciais que você esperaria de uma biblioteca de UI de alto nível, garantindo um design consistente e fácil de usar, modelos de exemplo, componentes de copiar e colar para HTML, React e Vue.
Principais recursos:
- Biblioteca de UI completa: TailGrids possui uma variedade impressionante de mais de 600 componentes e blocos de UI CSS do Tailwind.
- Suporte multi-framework: TailGrids oferece suporte a vários frameworks - HTML, React e Vue, atendendo a uma ampla gama de necessidades de desenvolvimento.
- Qualidade Premium: Nossos componentes são projetados com uma estética consistente e moderna, garantindo qualidade visual de alta qualidade.
- Fácil de usar: Com uma funcionalidade simples de copiar e colar, TailGrids acelera o processo de desenvolvimento, economizando tempo e esforço.
- Adaptável: TailGrids é ideal para uma variedade de aplicações, incluindo sites modernos, landing pages, aplicativos web, painéis, plataformas de comércio eletrônico e muito mais.
- Versão de código aberto acessível: nossa versão gratuita dá acesso a mais de 200 componentes de UI junto com todos os componentes principais.
- Modelos de exemplo: 14 modelos de exemplo exclusivos e multifuncionais disponíveis em HTML e React.
A versão gratuita de código aberto do TailGrids fornece mais de 200 componentes de UI junto com todos os componentes principais, tornando-o um recurso valioso para projetos pessoais e comerciais. Sinta-se à vontade para usá-lo e não se esqueça de apoiar e inspirar nossa equipe marcando este repositório com estrela.
Explore todos os componentes
? Visite o site
? Documentação
Instalando via NPM
Certifique-se de ter instalado o Node.js e o Tailwind CSS antes do pacote TailGrids NPM. Aqui está um guia rápido para você começar a usar Tailgrids:
1. Instale o pacote TailGrids NPM:
2. Adicione o plugin TailGrids ao seu arquivo tailwind.config.js
:
module . exports = {
// Your existing Tailwind CSS configuration goes here
plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;
3. Navegue pelos componentes e simplesmente copie e cole os que desejar em seus projetos.
E é isso! Você está pronto para começar a usar TailGrids em seu projeto. Boa codificação!
⚡ Obtenha a versão PRO
? Documentação detalhada e guia de uso
TailAdmin reagir
TailAdmin Vue
?️ TailGrids Figura
? Apoiar
Você sempre pode apoiar este projeto e nos inspirar estrelando? Este Repositório e compartilhando com amigos. Se você gosta da biblioteca, considere comprar a versão Pro
Registro de alterações
Versão 2.2.1
(agosto de 2024)
- Seletor de tempo adicionado
- Selecionador de data adicionado.
Versão 2.2.0
(maio de 2024)
- Adicionados mais de 80 novos componentes.
- Atualizado o guia de estilo principal.
- Revisada a estrutura do arquivo.
- Plugin aprimorado para reduzir dependências.
- Atualizada a versão CSS do Tailwind junto com outras dependências.
Versão 2.1.0
(outubro de 2023)
- Introduzido o modo escuro.
- Componentes existentes polidos.
- Incorporou alguns componentes principais.
- Pacotes dependentes atualizados.
Versão 2.0.0
(fevereiro de 2023)
- Este grande lançamento dobrou nossos componentes, introduziu o modo escuro e expandiu nossos componentes e modelos de exemplo.
- Mais de 500 componentes de UI do Tailwind (mais de 200 recém-adicionados)
- 12 modelos (8 recém-adicionados)
- Modo escuro para todos os componentes
- Arquivo Figma atualizado com novos componentes de UI
- 2 modelos de comércio eletrônico
- Mais de 90 Avançado | Componentes principais, de marketing e de UI do aplicativo
- Mais de 50 componentes de interface do painel
- Mais de 100 componentes de comércio eletrônico
Versão 1.1.0
(março de 2022)
Nosso foco é aprimorar sua experiência de design com integração Figma e novos modelos.
- 2 novos modelos
- Fonte Figma para componentes de UI
- Botões responsivos/viewport
- Galeria de modelos dedicada
Lançamento Inicial
(fevereiro de 2022)
A jornada começou! Lançamos TailGrids com uma base sólida de componentes e modelos.
- Mais de 300 componentes de UI iniciais
- Dois modelos de exemplo
- Pacote NPM para versão de código aberto
? Licença
A versão principal do TailGrids é 100% gratuita! e de código aberto, você pode usá-lo em seus projetos pessoais ou comerciais.
Componentes da IU