Repolode
Enviar
huntabyte

huntabyte/shadcn-svelte

Um port não oficial de shadcn/ui para Svelte, com componentes acessíveis e personalizáveis que você copia para o seu app.

Ver no GitHubSite
Estrelas
9,199
Forks
575
Issues abertas
114
Último commit
há 12 horas

O que é?

shadcn-svelte leva a abordagem de shadcn/ui para Svelte. Em vez de instalar um pacote de componentes, você copia o código-fonte dos componentes para o seu projeto e modifica conforme necessário. Os componentes são desenvolvidos para serem acessíveis e personalizáveis, e o projeto se propõe a servir de base para criar sua própria biblioteca de componentes.

O projeto é um port não oficial, liderado pela comunidade. Não tem vínculo com shadcn, embora o autor observe que shadcn deu sua bênção antes da criação do projeto. O site de documentação aborda a instalação e o uso dos componentes.

O projeto é escrito em TypeScript e voltado para projetos com SvelteKit e Svelte 5, usando Tailwind CSS como camada de estilos. É distribuído sob a licença MIT.

Recursos principais

  • 01Copie e cole o código-fonte dos componentes em vez de instalar um pacote fechado.
  • 02Os componentes são projetados para serem acessíveis e personalizáveis.
  • 03Feito para projetos com SvelteKit e Svelte 5.
  • 04Estilizado com Tailwind CSS.
  • 05Pode servir de base para criar sua própria biblioteca de componentes.

Casos de uso

  • Criar a interface de um app SvelteKit com componentes prontos e editáveis.
  • Criar um sistema de design interno ou uma biblioteca de componentes baseada em Svelte.
  • Adicionar diálogos, formulários e menus acessíveis sem precisar criá-los do zero.

Início rápido

  1. 1

    Acesse o site da documentação para começar

  2. 2

    Leia o guia de instalação na documentação

Antes de usar

  • É um port comunitário não oficial e não tem afiliação com shadcn/ui.
  • Os componentes são copiados para o seu projeto em vez de serem instalados como um pacote com versões.

Tópicos

#svelte#sveltekit#ui-components#tailwindcss#typescript#design-system#accessibility#bits-ui#shadcn-svelte#shadcn-ui

Perguntas frequentes

O que é shadcn-svelte?
Um port não oficial de shadcn/ui para Svelte, com componentes acessíveis e personalizáveis que você copia para o seu app. shadcn-svelte leva a abordagem de shadcn/ui para Svelte. Em vez de instalar um pacote de componentes, você copia o código-fonte dos componentes para o seu projeto e modifica conforme necessário. Os componentes são desenvolvidos para serem acessíveis e personalizáveis, e o projeto se propõe a servir de base para criar sua própria biblioteca de componentes.
shadcn-svelte é gratuito? Qual é a licença?
shadcn-svelte é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
shadcn-svelte ainda é mantido?
Manutenção ativa. O último commit de shadcn-svelte foi em 20 de out. de 2026.
Para que posso usar shadcn-svelte?
Criar a interface de um app SvelteKit com componentes prontos e editáveis. Criar um sistema de design interno ou uma biblioteca de componentes baseada em Svelte. Adicionar diálogos, formulários e menus acessíveis sem precisar criá-los do zero.
Como instalar shadcn-svelte?
Acesse o site da documentação para começar Leia o guia de instalação na documentação
Onde consigo shadcn-svelte?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/huntabyte/shadcn-svelte

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

Projetos relacionados