Repolode
Enviar
nank1ro

nank1ro/flutter-shadcn-ui

Una adaptación de shadcn/ui para Flutter que ofrece componentes de interfaz personalizables para aplicaciones Flutter.

Ver en GitHubSitio web
Estrellas
2,842
Forks
202
Issues abiertos
48
Último commit
hace 4 días

¿Qué es?

Flutter ShadcnUI lleva el sistema de diseño shadcn/ui a Flutter. Ofrece una biblioteca de widgets listos para usar, como botones, tarjetas, diálogos, formularios, selectores de fecha y hora, pestañas, tablas, notificaciones toast y paneles, con el estilo característico de shadcn.

Los componentes están diseñados para poder personalizarse: cada widget ofrece opciones de estilo para que los desarrolladores adapten los colores, el tamaño y el comportamiento a su aplicación, sin tener que crear una bifurcación del código. El proyecto publica documentación con ejemplos interactivos de cada componente, y el paquete se distribuye en pub.dev con el nombre shadcn_ui.

La biblioteca todavía está en desarrollo. Varios componentes, como Carousel, Command, Data Table, Drawer, Skeleton y Toggle, siguen marcados como incompletos, y algunos componentes de shadcn se sustituyen por widgets existentes de Flutter.

Funciones clave

  • 01Adapta a Flutter componentes de shadcn/ui como botones, tarjetas, diálogos y formularios.
  • 02Cada widget ofrece opciones de estilo para los colores, el tamaño y el comportamiento.
  • 03Incluye selector de fecha, selector de hora, input OTP, calendario y diseños redimensionables.
  • 04Ofrece documentación interactiva con ejemplos de cada componente.
  • 05Se distribuye en pub.dev como el paquete shadcn_ui.

Casos de uso

  • Crear una aplicación Flutter con una interfaz moderna al estilo shadcn, sin diseñar cada widget desde cero.
  • Crear formularios con componentes de entrada, selección, casillas de verificación y selector de fecha.
  • Añadir notificaciones toast, diálogos y paneles a una aplicación Flutter con un estilo coherente.

Antes de usarlo

  • Aún no se han portado varios componentes de shadcn/ui, como Carousel, Data Table, Navigation Menu, Pagination y Toggle.

En colecciones

Frameworks frontend y componentes de interfaz

Temas

#flutter#dart#ui-components#design-system#shadcn-ui#widgets#mobile-ui#shadcn#shadcnui#ui

Preguntas frecuentes

¿Qué es flutter-shadcn-ui?
Una adaptación de shadcn/ui para Flutter que ofrece componentes de interfaz personalizables para aplicaciones Flutter. Flutter ShadcnUI lleva el sistema de diseño shadcn/ui a Flutter. Ofrece una biblioteca de widgets listos para usar, como botones, tarjetas, diálogos, formularios, selectores de fecha y hora, pestañas, tablas, notificaciones toast y paneles, con el estilo característico de shadcn.
¿flutter-shadcn-ui es gratuito? ¿Qué licencia tiene?
flutter-shadcn-ui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿flutter-shadcn-ui sigue mantenido?
Mantenimiento activo. El último commit de flutter-shadcn-ui fue el 3 nov 2026.
¿Para qué puedo usar flutter-shadcn-ui?
Crear una aplicación Flutter con una interfaz moderna al estilo shadcn, sin diseñar cada widget desde cero. Crear formularios con componentes de entrada, selección, casillas de verificación y selector de fecha. Añadir notificaciones toast, diálogos y paneles a una aplicación Flutter con un estilo coherente.
¿Dónde consigo flutter-shadcn-ui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/nank1ro/flutter-shadcn-ui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados