Introducción

goodui es una librería de pantallas de aplicación para shadcn/ui: agenda y reservas, dashboards, tablas, facturación, autenticación, onboarding, notificaciones e IA. Tiene 150 bloques en 13 categorías, 39 de ellos gratis.

Cómo funciona

  • Los bloques se instalan con la CLI de shadcn. El código aterriza en components/goodui/ y es tuyo para editarlo.
  • Los bloques usan tu propio components/ui, así que se aplican tu tema, tu radio y tus fuentes.
  • Funcionan con las dos variantes de shadcn (Radix y Base UI), Tailwind v4 y React 19.
  • Cada bloque viene con datos de demostración realistas y cubre sus estados: vacío, cargando, error, deshacer.
  • No incluye backend. Sustituye los datos de demostración por tu API, Supabase, Prisma o lo que uses.

Fuentes

El kit trae su propia tipografía: goodui Sans para el texto y goodui Display para los titulares, como WOFF2 variable y TTF estáticos para React Native. Ambas derivan de Figtree y tienen licencia SIL Open Font License 1.1, así que puedes usarlas en cualquier proyecto, con goodui o sin él. Muestrario, descarga y configuración de next/font: Fuentes.

Gratis y Pro

Los bloques gratuitos son MIT y se instalan desde el registry público. Los bloques Pro se instalan desde un registry privado con tu clave de licencia. Consulta Acceso Pro.