Repolode
Enviar
nank1ro

nank1ro/flutter-shadcn-ui

Uma adaptação do shadcn/ui para Flutter, com componentes de UI personalizáveis para apps Flutter.

Ver no GitHubSite
Estrelas
2,842
Forks
202
Issues abertas
48
Último commit
há 4 dias

O que é?

O Flutter ShadcnUI traz o sistema de design shadcn/ui para o Flutter. Ele oferece uma biblioteca de widgets prontos, como botões, cards, diálogos, formulários, seletores de data e hora, abas, tabelas, toasts e sheets, com o visual característico do shadcn.

Os componentes foram feitos para serem personalizados: cada widget oferece opções de estilo para que desenvolvedores adaptem cores, dimensões e comportamento ao próprio app, sem precisar criar um fork do código. O projeto disponibiliza documentação com exemplos interativos de cada componente, e o pacote é distribuído no pub.dev como shadcn_ui.

A biblioteca ainda está em desenvolvimento. Vários componentes, incluindo Carousel, Command, Data Table, Drawer, Skeleton e Toggle, ainda constam como inacabados, e alguns componentes do shadcn foram substituídos por widgets já existentes no Flutter.

Recursos principais

  • 01Adapta componentes do shadcn/ui, como botões, cards, diálogos e formulários, para Flutter.
  • 02Cada widget oferece opções de estilo para cores, dimensões e comportamento.
  • 03Inclui seletor de data, seletor de hora, input OTP, calendário e layouts redimensionáveis.
  • 04Oferece documentação interativa com exemplos de cada componente.
  • 05Distribuído como o pacote shadcn_ui no pub.dev.

Casos de uso

  • Criar um app Flutter com uma interface moderna no estilo shadcn, sem precisar projetar cada widget do zero.
  • Criar formulários com componentes de entrada, seleção, checkbox e seletor de data.
  • Adicionar toasts, diálogos e sheets a um app Flutter com um visual consistente.

Antes de usar

  • Vários componentes do shadcn/ui ainda não foram portados, incluindo Carousel, Data Table, Navigation Menu, Pagination e Toggle.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

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

Perguntas frequentes

O que é flutter-shadcn-ui?
Uma adaptação do shadcn/ui para Flutter, com componentes de UI personalizáveis para apps Flutter. O Flutter ShadcnUI traz o sistema de design shadcn/ui para o Flutter. Ele oferece uma biblioteca de widgets prontos, como botões, cards, diálogos, formulários, seletores de data e hora, abas, tabelas, toasts e sheets, com o visual característico do shadcn.
flutter-shadcn-ui é gratuito? Qual é a licença?
flutter-shadcn-ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
flutter-shadcn-ui ainda é mantido?
Manutenção ativa. O último commit de flutter-shadcn-ui foi em 3 de nov. de 2026.
Para que posso usar flutter-shadcn-ui?
Criar um app Flutter com uma interface moderna no estilo shadcn, sem precisar projetar cada widget do zero. Criar formulários com componentes de entrada, seleção, checkbox e seletor de data. Adicionar toasts, diálogos e sheets a um app Flutter com um visual consistente.
Onde consigo flutter-shadcn-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/nank1ro/flutter-shadcn-ui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados