gskinnerTeam/flutter_vignettes

A collection of fun Flutter experiments, created by gskinner, in partnership with Google.

The Flutter Vignettes

A collection of explorations into the exciting user experience possibilities enabled by the Flutter platform. Built by gskinner in partnership with Google, these vignettes range from the practical to the novel. They aim to inspire both developers and designers to build delightful and beautiful experiences with Flutter.

In addition to forking and reviewing the MIT licensed code available here, you can also check out more information on the Vignette Showcase Website.

About gskinner

We exist to build inovative digital experiences for smart clients, and we love how easy Flutter makes that. Don’t hesitate to stop by our site to learn more about what we do. We’d love to hear from you!

The Vignettes

Travel Cards

Mindfullness Gooey Transition

Boarding Pass Cards

Inbox Swipe Particles

Icon Flip Button Bar

Liquid Rewards Cards

Dog Toy Slider

Guide To the Stars Particles

Paris Travel Hero Transition

Fluid Button Bar

Product Zoom Transition

Article Dark Mode

Sports App Pull To Refresh

Plant Shopping Cart

Feature Artist Carousel

Sparkle Party Particles

BudgetTracker Graphs

Installation

If you’re new to Flutter the first thing you’ll need is to follow the setup instructions. Once you’re set up and can compile the sample Flutter app, you’re ready to run some vignettes!

Each vignette is stored in its own folder in the repository. Using your IDE of choice, open the vignette directory you’d like to run. Then, using the terminal inside your IDE, run flutter pub get to fetch any dependencies, and flutter run to deploy to your connected device or simulator.

If you would like to try these for Flutter for web, you can use flutter run -d chrome. Note that Flutter for web is currently a technical preview and not all of the vignettes will work correctly. For more information on enabling Flutter for web follow the setup instructions.

License

These vignettes are released under the MIT license. You can use the code for any purpose, including commercial projects.