awesome-flutter

<a href="https://flutter.dev/">Flutter</a> is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. If you appreciate the content 📖, support projects visibility, give 👍| ⭐| 👏

Demonstrations

Instant Chat Integration

with Stream!

</td> <td style="text-align: center"> <img width="180" alt="BMW" src="https://user-images.githubusercontent.com/1295961/160239273-ce881c0c-c3de-4953-9448-dfd12d7ffe30.png">

BMW Connect

</td> <td style="text-align: center"> <img width="180" alt="BlueAquilae Twitter Meteo" src="https://user-images.githubusercontent.com/1295961/160238906-540a4a0d-b721-4c73-8b58-58b96b5e6414.png">

Calendar Meteo

</td> </tr></table></div>

Articles
Videos
Components
Navigation
Template
Plugins
Frameworks
Experimental
Open Source Apps
Web
Utilities
Bonus
Community

Articles

Introduction

Google IO 2018 - Building beautiful, flexible user interfaces
Presentation - by Helio S. Junior
Flutter Web - Ins and Outs of Flutter Web by Nash

Websites / Blogs

Welcome to Flutter - English and French blog dedicated to providing practical solutions to most asked questions about Flutter by Didier Boelens
SZAŁKO-BLOG - Step by step advanced design by Marcin Szalek.
Flutter by Example - Tutorials based on Redux, Firebase, Custom Animations, and UI
Flutter Institute - Very original content and tutorials by Brian Armstrong
Norbert - In depth articles, features and app creation by Norbert515
Flutter Tips - Articles, tips & tricks in the development by Diego Velásquez
FilledStacks - Tutorials and guides on development by Dane Mackier
Awesome Flutter tips - Tips to help developers increase productivity by erluxman.
Flutter4Fun - UI Challenge implementation blog by Iman Khoshabi.
Flutter Stack Weekly - Weekly newsletter on new development and updates curated by Jimmy Sanghani

Tutorial

Animated Chat - Building beautiful UIs by Google Code Labs
Firebase Chat - Firebase integration by Google Code Labs
Flutter and Dart development - Articles and tutorials by Suragch

Beginner

Roadmap to Flutter Development [5320⭐] - Visual roadmap with principles, patterns, and frameworks for Flutter newbies by Olexandr Leuschenko.
Layout Cheat Sheet - Extensive examples of layout widgets by Tomek Polański
Getting Started with Flutter - by raywenderlich.com
Beginner's Guide [360⭐] - Comprehensive guide to the basics of Flutter and Firebase by Anthony

Intermediate

Flutter state management for minimalists - Understanding app architecture without relying on third-party frameworks by Suragch. See also State Management

Advanced

Rendering Pipeline [1125👍] and Let's build a render tree - Engine architecture by Adam Barth
Render Objects - What are Widgets, RenderObjects and Elements? by Norbert515
Streams and RxDart - Skillmatters presentation by Brian Egan
Gesture System - Flutter Deep Dive: Gestures by Nash
Schemas - Widget, State, Context and InheritedWidget explanations by Didier Boelens
Rendering Engine Tutorial - Flutter's Rendering Engine: A Tutorial by AbdulRahman AlHamali
Inherited Widget - Flutter’s InheritedWidget to hold app state by Chema Molins
From Mobile to Desktop - Building applications for smartphones and desktops by Marcelo Henrique Neppel
Accessibility widgets - Deep dive information about all aspects of accessibility by Muhammed Salih Güler
Profiling w/ Timeline - Using the Timeline allows you to find and address specific performance issues in your application by Chinmay Garde

Advanced graphics rendering

Shaders - Fragment shaders, set it up, how it works and making it work by Jochum van der Ploeg

Howtos

Parallax Effect - Parallax & non linear animation by Marcin Szalek.
Build Flavor - Define build configurations and switch them by Salvatore Giordano
Build Flavor - Easily build flavors in Flutter (Android and iOS) with flutter_flavorizr by Angelo Cassano

Videos

Boring Show - Exploration with the Flutter Team.
Tensor Programming - Very rich content by Tensor Programming
Mtechviral - [Hindi/English] Mtechviral Series By Pawan Kumar
Flutter in Practice - Free video courssd for beginners & non-programmers by Zaiste
Whatsupcoders - Free video series on Flutter Widgets by Kamal
Reso Coder - Intermediate and advanced videos by Matej Rešetár

Components

Demonstrations

Official Gallery - Demo for the material design widgets provided by Flutter Team
Flutter Examples [6819⭐] - Simple basic isolated apps for devs by Nishant Srivastava
Flutter Catalog [2137⭐] - showcasing Flutter components, with side-by-side source code view, by X-Wei

UI

Facebook Reactions [418⭐] - Facebook reactions widget by Duy Tran
Flushbar [986⭐] - Highly configurable Snackbar by Andre Haueisen
Stepper Touch [295⭐] - Lateral value stepper nicely animated by Raouf Rahiche.
Liquid Pull To Refresh [1232⭐] - A beautiful and custom refresh indicator by Ayush Agarwal.
Direct Select [754⭐] - Selection widget with an ethereal, full-screen modal popup by Ivan Yatsouba.
Before After [887⭐] - Beautiful slider which makes it easier to display the difference between two images, by Sahil Kumar.
Scratcher [552⭐] - Scratch card widget which temporarily hides content from user, by Kamil Rykowski.
Beautiful_Popup [672⭐] - Beautify your app popup by jaweii.
Animated Selection Slide An animated selection widget by swiping by Sezgin Bilgetay.
Flutter Tags [505⭐] - Tags with different customizations by Di Natale Antonino.
Flutter Neumorphic [1975⭐] - Ready to use Neumorphic kit for Flutter with 🕶️ dark mode.
Dough [693⭐] - Widgets for a squishy user interface by Josiah Saunders.
Card Settings [529⭐] - package for building settings forms by codegrue.
Timelines [697⭐] - Powerful & Easy to use timeline package by Chulwoo Park.
Timeline Tile [699⭐] - Tile to help build beautiful and customisable timelines by Julio Bitencourt.
Rounded Loading Button [308⭐] - Button with a loading indicator, complete with success and error animations by Chris Edgington
Flyer Chat [1497⭐] - Community-driven chat UI implementation by the Flyer Chat team
Smooth Page Indicator [1125⭐] - Customizable animated page indicator with a set of built-in effects. Milad Akarie