<aside> <img src="notion://custom_emoji/6a9f75af-b090-4ac1-9370-a797e429cd85/12c39bc1-c32f-80fa-b777-007a474b0a18" alt="notion://custom_emoji/6a9f75af-b090-4ac1-9370-a797e429cd85/12c39bc1-c32f-80fa-b777-007a474b0a18" width="40px" />
DescriçãoO shadcn/ui é um conjunto de componentes acessíveis e visualmente bem elaborados, além de uma plataforma de distribuição de código, muito utilizado para criar interfaces modernas de forma flexível e personalizada.
Diferente de bibliotecas tradicionais de componentes, ele entrega o código dos componentes diretamente para o projeto, permitindo que o desenvolvedor tenha controle total para modificar, adaptar e estender cada parte conforme a necessidade da aplicação.
Seu funcionamento é baseado em princípios como código aberto, composição entre componentes, distribuição por estrutura de arquivos e CLI, além de estilos padrão cuidadosamente definidos.
Essa abordagem facilita a criação de um design system próprio, melhora a organização da interface e reduz a dependência de soluções fechadas e difíceis de customizar.
O shadcn/ui pode ser utilizado em projetos com frameworks como Next.js, Vite, Remix, Astro e outras aplicações modernas do ecossistema React.
</aside>
<aside> <img src="notion://custom_emoji/6a9f75af-b090-4ac1-9370-a797e429cd85/12c39bc1-c32f-80fa-b777-007a474b0a18" alt="notion://custom_emoji/6a9f75af-b090-4ac1-9370-a797e429cd85/12c39bc1-c32f-80fa-b777-007a474b0a18" width="40px" />
Documentação Oficial</aside>