tailgrids vue

Componentes da interface do usuário vue.js para o Tailwind CSS - TailGrids Vue

Bem -vindo à versão vue.js de TailGrids. TailGrids Vue.js A versão principal gratuita oferece uma ampla gama de componentes e blocos de interface do usuário de alta qualidade Vue.js, perfeitos para criar sites modernos, páginas de destino e aplicativos da web usando o poder do Tailwind CSS e Vue.JS. Com seu design consistente e extensa coleção de elementos essenciais da interface do usuário, o TailGrids Vue fornece tudo o que você precisa para criar interfaces de usuário impressionantes em seus projetos vue.js.

TailGrids Vue vem com todos os recursos de integração necessários para o uso contínuo desses componentes no seu aplicativo Vue.js. Esteja você desenvolvendo aplicativos de página única, aplicativos da Web progressivos ou aplicativos renderizados do lado do servidor usando o vue.js, sinta-se à vontade para usar o TailGrids Vue para seus projetos pessoais ou comerciais.

Começando

Para começar a usar o TailGrids Vue, siga estas etapas para configurá -lo adequadamente no seu projeto Vue.js.

1. Instale TailGrids executando o seguinte comando:

npm install tailgrids

2. Adicione TailGrids ao seu arquivo tailwind.config.js :

 module . exports = {
  content : [ "./*.html" , "./ecommerce/*.html" , "./assets/**/*.js" ] ,
  theme : { } ,
  variants : {
    extend : { } ,
  } ,
  plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;

3. Navegue pelos componentes disponíveis e escolha os trechos desejados da base de código Vue que você deseja usar em seus projetos. Basta copiar e colá -los!

4. Para visualizar as alterações localmente, execute o servidor de desenvolvimento com este comando:

npm run dev

Explore todos os componentes

? Visite o site

? Documentação

? Licença

TailGrids Vue Core é 100% grátis! E de código aberto, você pode usá-lo com seus projetos pessoais ou comerciais.