Introdução
O goodui é uma biblioteca de telas de aplicação para shadcn/ui: agendamento e reservas, dashboards, tabelas, cobrança, autenticação, onboarding, notificações e IA. São 150 blocos em 13 categorias, 39 deles grátis.
Como funciona
- Os blocos são instalados com a CLI do shadcn. O código-fonte vai para
components/goodui/e é seu para editar. - Os blocos usam o seu próprio
components/ui, então o seu tema, radius e fontes se aplicam. - Funcionam com as duas variantes do shadcn (Radix e Base UI), Tailwind v4 e React 19.
- Todo bloco vem com dados de demonstração realistas e trata os seus estados: vazio, carregando, erro, desfazer.
- Nenhum backend está incluído. Troque os dados de demonstração pela sua API, Supabase, Prisma ou qualquer outra coisa.
Fontes
O kit traz a própria família tipográfica: goodui Sans para texto e goodui Display para títulos, em WOFF2 variável e TTF estático para React Native. As duas derivam da Figtree e são licenciadas sob a SIL Open Font License 1.1, então você pode usá-las em qualquer projeto, com goodui ou sem. Espécime, download e configuração do next/font: Fontes.
Grátis e Pro
Os blocos grátis são MIT e instalam a partir do registry público. Os blocos Pro instalam a partir de um registry privado com a sua chave de licença. Veja Acesso Pro.