Estilizando com Tailwind CSS e ShadCN/UI

Tailwind CSS revolucionou a forma como escrevemos CSS, e o ShadCN/UI eleva isso a outro nível, fornecendo componentes bonitos e acessíveis que você pode copiar e colar em seu projeto.

Por que ShadCN/UI?

Diferente de outras bibliotecas de componentes, ShadCN/UI não é uma biblioteca de componentes em si. Em vez disso, é uma coleção de componentes reutilizáveis que você pode personalizar completamente. Você possui o código, o que significa total controle sobre o estilo e o comportamento.

Começando

A CLI do ShadCN/UI facilita a adição de novos componentes ao seu projeto.

npx shadcn-ui@latest add button

Este comando adiciona o componente Button ao seu projeto, junto com todas as suas dependências. A partir daí, você pode usá-lo como qualquer outro componente React e estilizá-lo com as classes do Tailwind.