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.