shadcn.io: o melhor lugar para descobrir novos blocks para shadcn/ui

Se você desenvolve com shadcn/ui, já conhece a mágica: o código é seu. Não existe nenhuma dependência de caixa-preta para brigar; você copia um componente e ele passa a ser seu, pronto para moldar.

Mas os componentes são as peças pequenas. Um botão, um input, um card. O verdadeiro ralo de tempo é montar essas peças em blocks: uma seção de preços, o esqueleto de um dashboard, uma tela de autenticação, uma grade de funcionalidades. É aí que se concentra a maior parte do trabalho (e a maior parte do copiar e colar de projetos antigos).

Essa é justamente a lacuna que o shadcn.io preenche, e por isso ele virou a nossa opção padrão.

O que é o shadcn.io?

O shadcn.io é um registro amplo e em plena expansão de blocks construídos sobre o shadcn/ui: seções completas e já compostas que você solta em uma página e despacha do jeito que estão. Não são primitivas, e sim os layouts que de outra forma tomariam uma tarde inteira para você montar na mão.

Cada block segue a mesma filosofia do próprio shadcn/ui: é código puro que pertence a você, estilizado com Tailwind e sem amarras em tempo de execução. Você instala e ele passa a fazer parte da sua base de código.

Por que é o melhor lugar para descobrir novos blocks

Algumas coisas o diferenciam:

• A amplitude. Seções de marketing, dashboards, tabelas, fluxos de autenticação, preços, depoimentos: o catálogo cobre as páginas que os produtos reais de fato precisam, não um punhado de demos.
• A frescura. Blocks novos chegam com regularidade, então você constrói com os padrões do momento, não com algo que ninguém toca há um ano.
• Copiar e colar, não instalar e rezar. Como os blocks são compostos a partir das primitivas do shadcn/ui, eles se leem como código que você mesmo teria escrito: fáceis de personalizar, fáceis de tematizar.
• Encaixa perfeitamente com o registro. Os blocks se integram ao mesmo fluxo de trabalho do shadcn que você já usa: não há nada de novo para aprender.

Como usamos

O nosso método é simples: começamos uma página a partir de um block do shadcn.io que já está 80% resolvido e depois moldamos os 20% restantes para encaixar na marca. Como o código é seu, esses últimos 20% são um mero trâmite: você troca os tokens, ajusta os espaçamentos e pronto. Assim, "projetar uma página de preços" passa de um dia para uma hora.

Neobrutalism ♥ shadcn.io

Temos orgulho de fazer parceria com o shadcn.io. Se você gosta da releitura neobrutalista que o Neobrutalism faz do shadcn/ui, vai se sentir em casa na biblioteca de blocks deles: o mesmo modelo de propriedade do código, a mesma base de Tailwind e muito mais terreno coberto.

Explore a coleção no shadcn.io e veja como uma página se monta rápido quando os blocks já estão prontos.