Solido/awesome-flutter

Flutter 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!

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

BMW
Connect


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

Calendar 
Meteo

Contents

• Articles
• Videos
• Components
• Navigation
• Template
• Plugins
• Frameworks
• Experimental
• Open Source Apps
• Web
• Utilities
• Books
• 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.
• Iirokrankka.com - Articles and tutorials and anything related by Iiro Krankka.
• 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 tipsstars2.8k - Tips to help developers increase productivity by erluxman.

Tutorial

• Animated Chat - Building beautiful UIs by Google Code Labs.
• Firebase Chat - Firebase integration by Google Code Labs.
• Planets-Flutter: from design to app - Detailed planets design tutorial.
• Todo Liststars281 [259⭐] – Step by step tutorial how to build Todo List with Flutter by Andrei Lesnitsky
• Flutter and Dart development - Articles and tutorials by Suragch.

Beginner

• Roadmap to Flutter Developmentstars4k [2795⭐] - 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 Guidestars220 [123⭐] - 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 [799👍] 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.

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 [86🎬] - Very rich content by Tensor Programming.
• Mtechviral [245🎬] - [Hindi/English] Mtechviral Series By Pawan Kumar.
• Flutter in Practice - Free video courssd for beginners & non-programmers by Zaiste.
• Whatsupcoders [82🎬] - Free video series on Flutter Widgets by Kamal.
• Reso Coder - Intermediate and advanced videos by Matej Rešetár.

Components

Demonstrations

• Official Gallerystars4.5k - Demo for the material design widgets provided by Flutter Team.
• Flutter Examplesstars6.2k [5861⭐] - Simple basic isolated apps for devs by Nishant Srivastava.
• Flutter Catalogstars1.8k [1601⭐] - showcasing Flutter components, with side-by-side source code view, by X-Wei.
• Generative Artstars436 [401⭐] - Generative Art by Robert Felker.

UI

• StaggeredGridViewstars2.7k [2292⭐] - GridView with tiles of variable sizes by Romain Rastel.
• Radial Menustars425 [401⭐] - Animated Radial Menu by Victor Choueiri.
• Tinder Cardsstars700 [646⭐] - Tinder like cards swipe effect by Ivascu Adrian.
• Flip Panelstars529 [461⭐] - Flip panel with built-in animation by HungHD.
• Facebook Reactionsstars301 [261⭐] - Facebook reactions widget by Duy Tran.
• Flushbarstars876 [818⭐] - Highly configurable Snackbar by Andre Haueisen.
• Stepper Touchstars260 [238⭐] - Lateral value stepper nicely animated by Raouf Rahiche.
• Typeaheadstars641 [560⭐] - Display overlay suggestions to users as they type by Abdul Rahman Al Hamali.
• Snapliststars402 [366⭐] - Create snappable list views by David Leibovych.
• Pin Codestars293 [252⭐] - Animated & customisable Pin code for login and OTP by Liew Jun Tung.
• Folding Cellstars500 [430⭐] - Fold your widget by Faob.
• Liquid Pull To Refreshstars1k [922⭐] - A beautiful and custom refresh indicator by Ayush Agarwal.
• Slide Container Slide vertically and horizontally with a smooth dampened motion by Quentin Le Guennec.
• Direct Selectstars556 - Selection widget with an ethereal, full-screen modal popup by Ivan Yatsouba.
• Before Afterstars716 [580⭐] - Beautiful slider which makes it easier to display the difference between two images, by Sahil Kumar.
• Scratcherstars383 [306⭐] - Scratch card widget which temporarily hides content from user, by Kamil Rykowski.
• Image Sequence Animatorstars128 [104⭐] - A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file by Ali Yigit Bireroglu.
• Beautiful_Popupstars540 [452⭐] - Beautify your app popup by jaweii.
• Credit Card Formstars402 [317⭐] - Animated credit card input form Origogi.
• Animated Selection Slidestars336 An animated selection widget by swiping by Sezgin Bilgetay.
• Flutter Tagsstars400 [332⭐] - Tags with different customizations by Di Natale Antonino.
• Flutter Neumorphicstars1.6k [1329⭐] - Ready to use Neumorphic kit for Flutter with 🕶️ dark mode.
• Doughstars509 [388⭐] - Widgets for a squishy user interface by Josiah Saunders.
• Card Settingsstars426 [356⭐] - package for building settings forms by codegrue.
• Timelinesstars537 [413⭐] - Powerful & Easy to use timeline package by Chulwoo Park.
• Timeline Tilestars521 [446⭐] - A tile to help build beautiful and customisable timelines by Julio Bitencourt.
• Rounded Loading Buttonstars201 [127⭐] - Button with a loading indicator, complete with success and error animations by Chris Edgington.
• PlutoGridstars375 [182⭐] - Web and desktop datagrid that can be controlled by the keyboard by bosskmk.

Sticky Headers

• Sticky Infinite Liststars286 [234⭐] - Highly configurable multi directional infinite list with Sticky Headers by TatsuUkraine.
• Sticky Headerstars748 [666⭐] - Sliver based sticky headers by Romain Rastel.
• Sticky Headersstars870 [731⭐] - Configurable sticky headers by Simon Lightfoot.

Drawers

• Hidden Drawer Menustars280 [231⭐] - Beautiful drawer mode menu feature with perspective animations by Rafael Almeida Barbosa.
• Flutter Inner Drawerstars433 [385⭐] - Easy way to create an internal drawer (left / right) where you can enter a list-menu or other by Di Natale Antonino.

Bottom bars

• Fancy Bottom Navigationstars607 [545⭐] - Animated bottom navigation by Tony Owen.
• Circular Bottom Navigationstars506 [439⭐] - Beautiful animated bottom navigation bar by Iman Khoshabi.
• Bottom Navy Barstars851 [775⭐] - Beautiful and colorful animated bottom navigation bar by Pedro Massango.
• Titled Navigation Barstars319 [291⭐] - Animated bottom navigation bar that switch between icon and title by Pedro Massango.
• Google Nav Barstars511 [409⭐] - A modern google style nav bar for flutter by Sooxt98.

Bottom Sheets

• Rubber Bottom Sheetstars470 [418⭐] - Elastic material bottom sheet by Mattia Crovero.
• Modal Bottom Sheetstars1.4k [1082⭐] - Modal bottom sheet with Material, Cupertino iOS13 or custom appareance by Jaime Blasco.

Sliders

• RangeSliderstars351 [318⭐] - 2-thumb configurable RangeSlider by Didier Boelens.
• Fluid Sliderstars306 [262⭐] - A slider with a minimal design and fluid like animation by Vamsi Krishna.
• Flutter Xliderstars389 [336⭐] - A material design slider and range slider, horizontal and vertical, with RTL support by Ali-Azmoud.

UI Helpers

• Reorderablesstars526 [442⭐] - Drag&Drop Table, Row, Column, Wrap(Grid) and SliverList elements by Hansheng Chiu.
• Liquid Pull To Refreshstars1k [922⭐] - A beautiful and custom refresh indicator by Ayush Agarwal.
• Infinite Listviewstars244 [206⭐] - Infinite scroll in both directions by Simon Lightfoot.
• Offlinestars822 [742⭐] - Tidy utility to handle offline/online connectivity by Jeremiah Ogbomo.
• Scroll To Indexstars401 [332⭐] - Scroll to specified child element with given index for SliverList/ListView by Jerry Chen.
• In View Notifier Liststars490 - ListView that notify when widgets are on screen within a provided area by Vamsi Krishna.
• ShowCaseViewstars1.1k [687⭐] - Way to showcase your app features on iOS and Android by Simform.

Material Design

• Unicorn Speed Dialstars326 [300⭐] - Floating Action Button with Speed Dial by Tiago Martins.
• Slidablestars2.3k [2008⭐] - Slidable list item with left and right slide actions by Romain Rastel.

Cupertino Design

• Peek & Popstars222 [188⭐] - Peek & Pop implementation based on the iOS functionality by Ali Yigit Bireroglu.

Effect

• Frosted Glass - Render effect by Collin Jackson.
• Parallaxstars796 [735⭐] - ViewPager by Iiro Krankka.
• Shimmerstars1.5k [1387⭐] - Shimmer effect while content is loading by HungHD.
• Wavestars855 [742⭐] - Displaying some waves with custom color, duration, floating and blur effects by RockerFlower.
• Liquid Swipestars965 - Liquid swipe to your stacked containers by Sahdeep Singh.
• PhotoFiltersstars333 [297⭐] - Apply filters to an image by Sharafudheen KK.
• Shinestars138 [137⭐] - Pretty shadows with dynamic light positions by Jonathan Monga.
• Clay Containersstars411 [369⭐] - Neumorphic widget primitives to serve as the foundation of your own designs by Michael Charles.

Calendar

• Calendar Widgetstars211 [162⭐] - Calendar widget by David Bennett.
• Calendar Carousel Widgetstars732 - Calendar carousel by dooboolabstars732
• Table Calendarstars1.4k [1167⭐] - Calendar organized neatly into a Table, with vertical autosizing by Aleksander Woźniak.
• Time Plannerstars134 [66⭐] - A beautiful, easy to use and customizable time planner for flutter mobile, desktop and web by Mohammad Jamalianpour.

Login

• Login Animationstars1.1k [1044⭐] - Smooth animation from login to home by Ruchika Gupta.
• Flutter Loginstars1.2k - Login widget with slick animation from start to finish by NearHuscarl.

Backend-Driven

• Dynamic Widgetstars1.3k [1100⭐] - Build your dynamic UI with json, and the json format is very similar with flutter widget code by Denny Deng.

Image

• Carousel Sliderstars1.3k [1178⭐] - Carousel slider widget, support infinite scroll and custom child widget by serenader.
• Parallax Imagestars270 [238⭐] - Image parallax by Anatoly Pulyaevskiy.
• Photo Viewstars1.6k [1478⭐] - Scalable image view with loading placeholder by Renan C. Araújo.
• SVGstars1.4k [1270⭐] - SVG parsing, rendering, and widget library by Dan Field.
• Image Cropperstars876 [814⭐] - Crop your images support ratio, rotation, zoom by HungHD.
• Cached Network Imagestars2.1k [1911⭐] - Show images from the internet and keep them in the cache directory by.
• Lottiestars859 [665⭐] - Use airbnb's popular After Effects Animation library by xvrhstars859.
• Bitmapstars150 [128⭐] - Perform Bitmap manipulations (such as contrast and exposure) with a help from the Dart FFI by Renan C. Araújo.
• Cropstars206 [171⭐] - Crop any widget/image in Android, iOS, Web and Desktop by Mahdi K. Fard.

Image Picker

• Image Picker - Images Selection by Collin Jackson.
• WeChat Assets Pickerstars1.1k [811⭐] - Assets picker in WeChat style, support multi assets by Alex Li.

Map

• Google Map Viewstars417 [415⭐] - Displaying google map plugin by AppTree Software.
• GeoCoderstars174 [162⭐] - Forward and reverse geocoding by Aloïs Deniel.
• Mapbox GLstars257 [251⭐] - Interactive, customizable vector maps by Mapbox.
• AMapstars510 [504⭐] - Access to AMap services(高德地图) by fluttify-project.

Charts

• Circular Chartstars379 [355⭐] - Animated radial and pie charts by Victor Choueiri.
• Sparklinestars252 [245⭐] - Sparkline by Victor Choueiri.
• Chartsstars2.8k [2505⭐] - By Google Charts Team.
• Candlesticksstars394 [358⭐] - OHLC and Trade Volume Charts by Trent Piercy.
• FChartsstars321 [321⭐] - Beautiful, responsive, animated charts by Keenan Thompson.
• FL Chartstars5k [3846⭐] - Draw fantastic charts in Flutter by Iman Khoshabi.
• Bezier Chartstars420 [401⭐] - Beautiful bezier line chart widget for flutter that is highly interactive and configurable by Diego Velasquez.
• Echartsstars608 [533⭐] - Large collection of advanced reactives charts by LIN Chen.
• Graphicstars779 [383⭐] - Data visualization library based on the Grammar of Graphics by LIN Chen.

Navigation

• Flurostars3.5k [3362⭐] - The brightest, hippest, coolest router for Flutter with Navigation, wildcard, query, transitions by Posse.
• PageView Indicatorstars158 [132⭐] - Build page indicators for the PageView by Leo Cavalcante.
• Deep Link Navigationstars63 [53⭐] - Elegant abstraction for complete deep linking navigation in Flutter by Dennis Krasnov.
• Getstars7.5k [5499⭐] - Navigate between screens & display snackbars/dialogs/bottomSheets without context by Jonny Borges.
• Beamerstars454 [290⭐] - Route through guarded page stacks and URLs using the Navigator 2.0 API effortlessly by Sandro Lovnički.

Auth

• Local Auth - Touch ID, lock code, fingerprint auth on iOS and Android.
• Loginstars668 [628⭐] - FaceID, TouchID, and Fingerprint Reader by Rody Davis.
• Google Sign-In - Google OAuth.
• Firebase Auth - Firebase OAuth.
• Facebook Loginstars404 [399⭐] - Authenticate with native Android & iOS Facebook login SDKs by Iiro Krankka.
• Apple Sign-Instars159 [157⭐] - Apple sign in by Tom Gilder.
• OAuthstars172 [170⭐] - Buffer, Strava, Unsplash, Github OAuth by Joe Birch.
• Firebase Phone Auth - Phone number auth via SMS by Gildásio Filho.
• SimpleAuthstars336 [314⭐] - Azure Active Directory, Amazon, Dropbox, Facebook, Github, Google, Instagram, Linked In, Microsoft Live Connect, Github, OAuth, Basic Auth by James Clancey.
• Flutter AppAuthstars218 [176⭐] - Plugin that provides a wrapper around the AppAuth iOS and Android SDKs by Michael Bui.

Text & Rich Content

• Markdown null - Markdown renderer for Flutter. It supports the original format, but no inline html.
• Masked Textstars259 [244⭐] - Masked text with custom and monetary formatting by Ben-hur Santos Ott.
• Zefyrstars2.1k [2016⭐] - Soft & gentle rich text editor by Memspacestars2.1k.
• AutoSizeTextstars1.7k [1496⭐] - Automatically resizes text to fit perfectly within its bounds by Simon Leier.
• Parsed Textstars208 [190⭐] - Interactive text based on content recognition, also supports Regex by Fayeed Pawaskar.
• TeXstars216 [186⭐] - Render Mathematics Equations with full HTML and JavaScript support by Shahzad Akram.
• Code Fieldstars145 - Customizable code field widget supporting syntax highlighting by Bertrand Bevillard.

Forms

• Form Builderstars1.1k [935⭐] - Framework that simplifies building forms, validating fields, reacting to changes, and collecting the final user input by Danvick Miller.
• Reactive Formsstars323 [233⭐] - Model-driven approach to handling Forms inputs and validations, heavily inspired in Angular's Reactive Forms.

Analytics

• Usagestars135 [123⭐] - Google Analytics wrapper for command-line, web, and Flutter apps.
• Firebase Analytics - Connect to Firebase Analytics API.
• Pure Mixpanelstars24 [21⭐] - Analytics for the popular Mixpanel.com Nick Manning.

Internationalization

• GenLangstars93 [88⭐] - Code generator for Internationalization by King Wu.
• Flutter Translatestars321 [279⭐] - Internationalization (i18n) library by Florin Bratan.
• attranslatestars266 - Semi-automated translation of ARB or JSON files by fkirc.

Styling

• Flutterialstars1.6k [1437⭐] - Flutter Material Theme explorer by Erick Ghaumez.
• Pigmentstars202 [184⭐] - Simple but useful package for use colors in flutter.

Media

Audio

• Flutter Audio Recorderstars105 - Provides full controls and access to recording details such as level metering by Wenyan Li.
• Audio Recorderstars170 [169⭐] - Record audio and store it locally by Jordan Alcaraz.
• Flutter Soundstars750 [666⭐] - Flutter audio recorder and player at one hand by dooboolab.
• AssetsAudioPlayerstars642 [567⭐] Simultaneous playback of audio from assets/network/file and displaying notifications [android / ios / web / macos]
• Audio Service - System background audio support by Ryan Heise. Tutorial by Suragch.

Video

• WebRTCstars3.3k [2747⭐] - WebRTC plugin for iOS/Android by CloudWebRtc.
• Chewiestars1.6k [1353⭐] - Provides low-level access to video playback by Brian Egan.
• Video Trimmerstars332 [276⭐] - Visualise and trim videos by Souvik Biswas.
• CamerAwesomestars398 [295⭐] - Community camera plugin rework by Apparence.io studio.

Voice

• Speech Recognitionstars327 [323⭐] - Speech to text by Erick Ghaumez.
• OK Google - Integrate google assistant by Marcin Szalek.

Storage

• Firebase Storage - Firebase as data storage.
• Secure Storagestars860 [723⭐] - Keychain and Keystore storage by German Saprykin.

Preferences

• Streaming Shared Preferencesstars238 - Reactive key-value store, shared preferences with Streams by Iiro Krankka.

Monetization

• Admob - GoogleAdmob supports interstitial ads in both iOS and Android by Brett Nesbitt.
• Firebase AdMob - Ad integration using Firebase.
• Inapp Purchasestars496 [464⭐] - Features set of 'in app purchase' derived from react-native-iapstars2.2k by dooboolab.
• Admob Flutterstars415 - Admob plugin that shows banner ads using native platform views by Youssef Kababe & Kevin McGill.
• Facebook Audience Networkstars149 - Facebook Audience Network Ad plugin that shows banner, interstitial, in-stream video, rewarded video & natvie ads by Dreamsoft Innovations.
• Square In-App Payments SDKstars310 [283⭐] - Take payments by embedding a card entry form in your app that produces nonces from customer-provided card information or digital wallets by Square.

Templates

• Movie Detailsstars396 [372⭐] - Movie details page by Iiro Krankka.
• Matesstars517 [482⭐] - How to load profiles from the randomuser.me API and a nice profile details page by Iiro Krankka.
• Weatherstars146 [141⭐] - Weather app to learn how to use Canvas and Animation by Alessandro Aime.
• TodoMVCstars8.1k [7528⭐] - TODO application ready to go with different flavors : Vanilla, Redux, built_redux by Brian Egan.
• Restaurant Menustars590 [553⭐] - Restaurant menu by Braulio Cassule.
• UI Challengesstars1.4k [1272⭐] - Profile, Travel, Food App by Tomi Alagbe.
• Cupertino Settingsstars231 [219⭐] - iOS Settings by Matthias Rupp.
• Music Playerstars214 [205⭐] - music player component by Tobe O.
• Dashboardstars846 [814⭐] - Dashboard and Shop Items by Ivascu Adrian.
• Todostars540 [519⭐] - Todo template from Dribble by Marc L.
• Card Swipe Animationstars506 [462⭐] - Swipe cards template by Ruchika Gupta.
• UI Kitstars5.9k [5707⭐] - Collection of useful UIs in a UIKit by Pawan Kumar.
• Bookstars314 [300⭐] - Bookshelf by Ardiansyah Putra.
• The Gorgeous Loginstars1.6k [1497⭐] - Design and smooth login template by Hugo Extrat.
• Liquid Pay Payment Appstars274 [251⭐] - Liquid Pay App Concept by Long Hoang.
• DrawAppstars225 [208⭐] - Sample Drawing App to demonstrate how to allow user to draw onto canvas with color picker and brush thickness slider by Jake Gough.
• Starter Kitstars659 [596⭐] - App Store implementation to learn Bloc, RxDart, Sqflite, Fluro and Dio. by King Wu.
• Featherstars541 [472⭐] - Beautiful weather application. Application includes RxDart, Dio, BLoC, i18n, unit and widget tests. by Jakub Homlala.
• Clone UI Challengesstars1.4k [1280⭐] - Collection of useful UIs clones by Javier González.
• FlutterFoodybitestars1.3k [1113⭐] - Beautiful food app UI template by JideGuru.
• Flutter Samplesstars2.7k [2464⭐] - Collection of nice flutter samples by Diego Velásquez.
• ActingWeb First_Appstars364 [285⭐] - Starter app with basic elements for a team-developed production-quality app by Greger Wedel.
• Smart Washing Machinestars716 [590⭐] - Smart washing machine UI challenge app with Box2D physic engine by Tomasz Pawlikowski.
• Beautiful Timelinesstars223 [186⭐] - A set of beautiful timelines by Julio Bitencourt.

Clone

• GitTouchstars1.2k [979⭐] - Open source mobile client for GitHub, GitLab, Bitbucket and Gitea by Rongjian Zhang.

Machine Learning

• MLKitstars384 [377⭐] - Firebase Machine Learning Kit by Naoya Yoshizawa.
• m2cgenstars2.2k [1953⭐] - CLI tool to convert ML models into native Dart code by BayesWitnesses.

Vision

• ML Vision Camera Streamstars251 [218⭐] - ML vision recognitions (QRcode, face, ...) with live camera stream by Aumard Jimmy and Santetis.
• Google Mobile Visionstars447 [433⭐] - Google Mobile Vision by Eduardo Folly.

Augmented Reality

• ARKit Pluginstars687 [612⭐] - Wrapper for ARKit - Apple's augmented reality platform for iOS by Olexandr Leuschenko.
• ARCore Pluginstars353 [316⭐] - Augmented reality with ARCore platform by Gian Marco Di Francesco.

Plugins

• Pub packages - Packages filter in Dart Pub Repository.
• Plugins - Official Flutter Team Plugins.

Device

• WebViewstars1.4k [1376⭐] - Render web content by Hadrien Lejard.
• Locationstars933 [836⭐] - Handle location, handling callbacks to get continuous location by Lyokone.
• Battery - Access various information about the battery.
• Proximity Sensor Plugin - A plugin to access the proximity sensor of your device by Manoj NB.
• Geolocation