Flutter Custom Widgets is a collection of custom widgets inspired by innovative designs and components I’ve discovered on various platforms. Some were originaly created with other frameworks while others are based on simple design. All have been reproduced with Flutter to showcase its versatility and creative potential.
- A growing list of unique widgets, each with its own GIF demo for quick preview.
- Inspiration for your own Flutter projects.
- Modular and reusable components that follow best practices.
Have you seen something awesome you'd like to replicate in Flutter or you have an idea of a cool widget? Contributions are welcome!
Check out the [Contributing Guidelines] to get started. Whether you’re reporting a bug, suggesting a feature, or submitting a new widget, your input is invaluable to making this project even better.
Card Splitting | ||
---|---|---|
![]() |
||
[SOURCE] [Inspiration] |
Stack List | Stack cards | Dropdown interaction |
---|---|---|
![]() |
![]() |
![]() |
[SOURCE] [Inspiration] | [SOURCE] [Inspiration] | [SOURCE] [Inspiration] |
Blurred List | Fane out animation | Cascade out animation |
---|---|---|
![]() |
![]() |
![]() |
[SOURCE] [Inspiration] | [SOURCE] [Inspiration] | [SOURCE] [Inspiration] |
Loading Animation | Dots Loading | Rotating Arcs |
---|---|---|
![]() |
![]() |
![]() |
[SOURCE] [Inspiration] | [SOURCE] [[Inspiration](Bank of America mobile app)] | [SOURCE] [Inspiration] |
Rotating gradient arc | Angular gradient butoon | Jump and slide |
---|---|---|
![]() |
![]() |
![]() |
[SOURCE] [Inspiration] | [SOURCE] [Inspiration] | [SOURCE] [Inspiration] |
A new Flutter project.
This project is a starting point for a Flutter application.
A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.