Repolode
Enviar
vuetifyjs

vuetifyjs/vuetify

Framework de componentes de UI com Material Design para Vue, com componentes responsivos e criados artesanalmente para desenvolver aplicações web.

Ver no GitHubSite
Estrelas
41,032
Forks
7,112
Issues abertas
344
Último commit
há 6 horas

O que é?

Vuetify é uma biblioteca de componentes de UI para Vue que inclui um amplo conjunto de componentes prontos, criados artesanalmente e seguindo o Material Design. O objetivo é permitir que desenvolvedores criem interfaces completas para aplicações sem precisar de conhecimentos avançados de design, além de oferecer uma API abrangente para personalizar os componentes para diversos casos de uso.

A estilização pode ser ajustada por meio de variáveis SASS/SCSS, configurações predefinidas e blueprints. O sistema de temas integrado mantém paletas de cores consistentes, e os componentes são responsivos por padrão, com largura mínima de 320px. O tree-shaking é automático quando o Vuetify é usado com Vite, o que ajuda a reduzir o tamanho dos bundles. O projeto oferece suporte a navegadores modernos, incluindo Safari 13+ com polyfills, e internacionalização em mais de 42 idiomas.

O projeto é mantido por uma equipe principal e distribuído pelo npm, com comandos de scaffolding para pnpm, yarn, npm e bun. O Vuetify 2 chegou ao fim de vida útil, então o foco atual está na linha Vuetify 3. O issue tracker do repositório é reservado para relatos de bugs e solicitações de recursos.

Recursos principais

  • 01Componentes prontos de Material Design para aplicações Vue.
  • 02Personalização por meio de variáveis SASS/SCSS, configurações predefinidas e blueprints.
  • 03Layouts responsivos por padrão, projetados para telas com largura a partir de 320px.
  • 04Sistema de temas integrado para manter paletas de cores consistentes.
  • 05Tree-shaking automático quando usado com Vite.
  • 06Internacionalização com suporte a mais de 42 idiomas.

Casos de uso

  • Desenvolver painéis administrativos e aplicações empresariais internas em Vue.
  • Criar sites responsivos de marketing ou de produtos com uma identidade visual consistente baseada em Material Design.
  • Prototipar interfaces rapidamente sem um sistema de design dedicado.
  • Adicionar uma camada de UI temática e multilíngue a um projeto existente em Vue 3.

Início rápido

  1. 1

    Criar um novo projeto com npm

    npm create vuetify@latest
  2. 2

    Ou criar um novo projeto com pnpm

    pnpm create vuetify
  3. 3

    Ou criar um novo projeto com yarn

    yarn create vuetify

Antes de usar

  • Os metadados da licença indicam NOASSERTION, embora o README informe MIT.
  • O Vuetify 2 chegou ao fim da vida útil e não tem mais suporte.

Tópicos

#vue#ui-components#material-design#vue3#css#typescript#ui-library#javascript#material#material-components

Perguntas frequentes

O que é vuetify?
Framework de componentes de UI com Material Design para Vue, com componentes responsivos e criados artesanalmente para desenvolver aplicações web. Vuetify é uma biblioteca de componentes de UI para Vue que inclui um amplo conjunto de componentes prontos, criados artesanalmente e seguindo o Material Design. O objetivo é permitir que desenvolvedores criem interfaces completas para aplicações sem precisar de conhecimentos avançados de design, além de oferecer uma API abrangente para personalizar os componentes para diversos casos de uso.
vuetify é gratuito? Qual é a licença?
vuetify é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
vuetify ainda é mantido?
Manutenção ativa. O último commit de vuetify foi em 20 de out. de 2026.
Para que posso usar vuetify?
Desenvolver painéis administrativos e aplicações empresariais internas em Vue. Criar sites responsivos de marketing ou de produtos com uma identidade visual consistente baseada em Material Design. Prototipar interfaces rapidamente sem um sistema de design dedicado. Adicionar uma camada de UI temática e multilíngue a um projeto existente em Vue 3.
Como instalar vuetify?
Criar um novo projeto com npm: npm create vuetify@latest Ou criar um novo projeto com pnpm: pnpm create vuetify Ou criar um novo projeto com yarn: yarn create vuetify
Onde consigo vuetify?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/vuetifyjs/vuetify

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados