Repolode
Enviar
tusen-ai

tusen-ai/naive-ui

Uma biblioteca de componentes para Vue 3 com mais de 90 componentes TypeScript tree-shakable e um sistema type-safe de sobrescrita de temas.

Ver no GitHubSite
Estrelas
18,576
Forks
1,861
Issues abertas
709
Último commit
há 17 dias

O que é?

Naive UI é uma biblioteca de componentes para Vue 3, escrita em TypeScript. Ela oferece mais de 90 componentes, que podem ser importados individualmente graças ao suporte a tree-shaking, evitando que componentes não utilizados sejam incluídos no bundle.

A personalização de temas é feita por meio de um objeto de sobrescrita de temas em JavaScript. Assim, você pode alterar cores e estilos sem escrever Less, Sass ou variáveis CSS e sem configurar loaders do webpack. Os componentes não exigem a importação de um arquivo CSS separado. Componentes de dados, como tabelas e campos de seleção, usam uma lista virtual por padrão.

O projeto recomenda xicons como biblioteca de ícones e vfonts para tipografia, além de disponibilizar uma biblioteca de design para Sketch.

Recursos principais

  • 01Mais de 90 componentes, todos compatíveis com tree-shaking.
  • 02Personalização de temas por meio de um objeto type-safe de sobrescrita de temas.
  • 03Não é necessário usar Less, Sass, variáveis CSS ou loaders do webpack para personalizar temas.
  • 04Escrita em TypeScript e compatível com projetos TypeScript.
  • 05Não é necessária a importação de um arquivo CSS separado para usar os componentes.
  • 06Componentes de dados usam listas virtuais por padrão.

Casos de uso

  • Criar dashboards administrativos ou interfaces de back-office em um projeto Vue 3.
  • Criar um sistema de design temático, personalizado por meio de objetos JavaScript.
  • Desenvolver aplicações Vue com TypeScript que precisam de diversos componentes prontos para formulários e dados.

Início rápido

  1. 1

    Instale a biblioteca pelo npm

    npm i naive-ui
  2. 2

    Instale o pacote de fontes recomendado

    npm i vfonts
  3. 3

    Acesse o site da documentação para começar a usar os componentes

Antes de usar

  • Requer Vue 3; não oferece suporte ao Vue 2.

Tópicos

#vue#vue3-components#ui-components#component-library#typescript#theming#vue-typescript

Perguntas frequentes

O que é naive-ui?
Uma biblioteca de componentes para Vue 3 com mais de 90 componentes TypeScript tree-shakable e um sistema type-safe de sobrescrita de temas. Naive UI é uma biblioteca de componentes para Vue 3, escrita em TypeScript. Ela oferece mais de 90 componentes, que podem ser importados individualmente graças ao suporte a tree-shaking, evitando que componentes não utilizados sejam incluídos no bundle.
naive-ui é gratuito? Qual é a licença?
naive-ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
naive-ui ainda é mantido?
Manutenção ativa. O último commit de naive-ui foi em 5 de out. de 2026.
Para que posso usar naive-ui?
Criar dashboards administrativos ou interfaces de back-office em um projeto Vue 3. Criar um sistema de design temático, personalizado por meio de objetos JavaScript. Desenvolver aplicações Vue com TypeScript que precisam de diversos componentes prontos para formulários e dados.
Como instalar naive-ui?
Instale a biblioteca pelo npm: npm i naive-ui Instale o pacote de fontes recomendado: npm i vfonts Acesse o site da documentação para começar a usar os componentes
Onde consigo naive-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/tusen-ai/naive-ui

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

Projetos relacionados