Repolode
Enviar
unovue

unovue/shadcn-vue

Uma versão do shadcn/ui para Vue 3: componentes de UI personalizáveis, para copiar e colar, criados com Reka UI para sua própria biblioteca de componentes.

Ver no GitHubSite
Estrelas
10,785
Forks
687
Issues abertas
154
Último commit
há 4 dias

O que é?

shadcn-vue leva a abordagem de componentes do shadcn/ui para o Vue. Em vez de instalar um pacote fechado, você adiciona o código-fonte dos componentes ao seu próprio projeto e modifica como quiser. Os componentes foram criados para serem personalizados, ampliados e usados como base para sua própria biblioteca de componentes.

O projeto é uma versão do shadcn/ui para Vue e usa Reka UI (antigo radix-vue) para oferecer primitivas acessíveis e sem estilos predefinidos. A documentação está em shadcn-vue.com, e o repositório é um monorepo que inclui o app de documentação.

É ideal para quem desenvolve com Vue e Nuxt e quer um conjunto consistente e acessível de componentes de UI que possa controlar por completo e estilizar como preferir.

Recursos principais

  • 01Código-fonte dos componentes para copiar e colar, que você controla e pode editar diretamente.
  • 02Criado com primitivas do Reka UI para garantir acessibilidade.
  • 03Personalização de estilos baseada em Tailwind CSS.
  • 04Projetado para servir de base à criação da sua própria biblioteca de componentes.

Casos de uso

  • Começar um app Vue ou Nuxt com um conjunto consistente de componentes de UI acessíveis.
  • Criar um design system interno com base em componentes no estilo shadcn.
  • Personalizar os estilos e o comportamento dos componentes sem ter que contornar as limitações de uma biblioteca fechada.

Tópicos

#vue#component-library#ui-kit#accessible#tailwind-css#typescript#design-system#radix-vue#reka-ui#shadcn

Perguntas frequentes

O que é shadcn-vue?
Uma versão do shadcn/ui para Vue 3: componentes de UI personalizáveis, para copiar e colar, criados com Reka UI para sua própria biblioteca de componentes. shadcn-vue leva a abordagem de componentes do shadcn/ui para o Vue. Em vez de instalar um pacote fechado, você adiciona o código-fonte dos componentes ao seu próprio projeto e modifica como quiser. Os componentes foram criados para serem personalizados, ampliados e usados como base para sua própria biblioteca de componentes.
shadcn-vue é gratuito? Qual é a licença?
shadcn-vue é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
shadcn-vue ainda é mantido?
Manutenção ativa. O último commit de shadcn-vue foi em 3 de nov. de 2026.
Para que posso usar shadcn-vue?
Começar um app Vue ou Nuxt com um conjunto consistente de componentes de UI acessíveis. Criar um design system interno com base em componentes no estilo shadcn. Personalizar os estilos e o comportamento dos componentes sem ter que contornar as limitações de uma biblioteca fechada.
Onde consigo shadcn-vue?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/unovue/shadcn-vue

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

Projetos relacionados