Flutter is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase.
If you appreciate the content
Contents
- Articles
- Videos
- Components
- Navigation
- Template
- Plugins
- Frameworks
- Open Source Apps
- Utilities
- Community
- Books
- Bonus
Articles
Introduction
- Google IO 2018 [1.1K claps
👏 ] - Building beautiful, flexible user interfaces. - Presentation - by Helio S. Junior.
Websites / Blogs
- SZAŁKO-BLOG - Step by step advanced design by Marcin Szalek.
- Sergi & Replace - Basic to advanced articles and tutorials Sergi Martínez.
- 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 about Flutter, Dart and anything related by Iiro Krankka.
- Norbert - In depth articles, features and app creation by Norbert515.
- Welcome to Flutter - English and French blog dedicated to providing practical solutions to most asked questions about Flutter by Didier Boelens.
- Flutter Tips - Articles, tips & tricks in the development by Diego Velásquez.
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 List – Step by step tutorial how to build Todo List with Flutter by Andrei Lesnitsky
Beginner
- Zero to One Animation [1K claps
👏 ] - Focus on animation by Mikkel Ravn. - Animations in Flutter [822 claps
👏 ] - Commonly used animation examples by Muhammed Salih Güler. - Layout Cheat Sheet - Extensive examples of layout widgets by Tomek Polański.
- Pooja's Guide to Flutterverse [1.99K claps
👏 ] - Step by step guide for learning Flutter for super beginners by Pooja Bhaumik.
Advanced
- Rendering Pipeline [229
👍 ] - Engine architecture by Adam Barth. - Render Objects [1.7K claps
👏 ] - What are Widgets, RenderObjects and Elements? by Norbert515. - Streams and RxDart - Skillmatters presentation by Brian Egan.
- Gesture System [434 claps
👏 ] - Flutter Deep Dive: Gestures by Nash. - Schemas - Widget, State, Context and InheritedWidget explanations by Didier Boelens.
- Rendering Engine Tutorial [554 claps
👏 ] - 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 [460 claps
👏 ] - Deep dive information about all aspects of accessibility by Muhammed Salih Güler.
Howtos
- Firebase [455
👍 ] - Firebase live coding. - Securing Apps [356 claps
👏 ] - By Mehmet Fidanboylu. - Build your plugins [451 claps
👏 ] - How to make a custom plug-in by Karthik Ponnam. - Build Flavor [857 claps
👏 ] - Define build configurations and switch them by Salvatore Giordano.
Videos
- Tensor Programming [73
🎬 ] - Very rich content by Tensor Programming. - Fluttery - High-production value and in-depth challenges.
- Brandon Donnelson [55
🎬 ] - Videos on layout, database and tips by Brandon Donnelson. - Mtechviral [119
🎬 ] - [Hindi/English] Mtechviral Series By Pawan Kumar. - Udacity - Build Native Mobile Apps by Google.
- VoidRealms [43
🎬 ] - Video tutorials, from basic to advanced. - Coding With Flutter [19
🎬 ] - Video tutorials and live-coding examples by Andrea Bizzotto. - Flutter Crash Course - Free video course by Nick Manning.
- Boring Show - Exploration with the Flutter Team.
Components
Demonstrations
- Official Gallery - Demo for the material design widgets provided by Flutter Team.
- Flutter Examples [1982
⭐ ] - Simple basic isolated apps for devs by Nishant Srivastava. - Flutter Catalog [256
⭐ ] - An app showcasing Flutter components, with side-by-side source code view, by X-Wei.
UI
- Contact Picker [25
⭐ ] - Picking contact from the address book by Michael Goderbauer. - StaggeredGridView [445
⭐ ] - GridView with tiles of variable sizes by Romain Rastel. - Sticky Header [178
⭐ ] - Sliver based sticky headers by Romain Rastel. - Radial Menu [155
⭐ ] - Animated Radial Menu by Victor Choueiri. - Tinder Cards [169
⭐ ] - Tinder like cards swipe effect by Ivascu Adrian. - Sticky Headers [206
⭐ ] - Configurable sticky headers by Simon Lightfoot. - Login Animation [390
⭐ ] - Smooth animation from login to home by Ruchika Gupta. - List Drag&Drop [136
⭐ ] - Reorder list elements using Drag & Drop by Norbert515. - Side Header List [122
⭐ ] - Listview with sticky headers by Rene Floor. - Flip Panel [134
⭐ ] - Flip panel with built-in animation by HungHD. - Facebook Reactions [80
⭐ ] - Facebook reactions widget by Duy Tran. - Flushbar [116
⭐ ] - Highly configurable Snackbar by Andre Haueisen. - Stepper Touch [61
⭐ ] - Lateral value stepper nicely animated by Raouf Rahiche. - Offline [161
⭐ ] - Tidy utility to handle offline/online connectivity by Jeremiah Ogbomo. - Typeahead [91
⭐ ] - Display overlay suggestions to users as they type by Abdul Rahman Al Hamali. - Snaplist [94
⭐ ] - Create snappable list views by David Leibovych. - Fluid Slider [72
⭐ ] - A slider with a minimal design and fluid like animation by Vamsi Krishna. - Infinite Listview [24
⭐ ] - Infinite scroll in both directions by Simon Lightfoot. - Pin Code [10
⭐ ] - Animated & customisable Pin code for login and OTP by Liew Jun Tung. - Folding Cell [69
⭐ ] - Fold your widget by Faob. - Hidden Drawer Menu [26
⭐ ] - Beautiful drawer mode menu feature with perspective animations by Rafael Almeida Barbosa. - Liquid Pull To Refresh [157
⭐ ] - A beautiful and custom refresh indicator by Ayush Agarwal. - Fancy Bottom Navigation [25
⭐ ] - Animated bottom navigation by Tony Owen.
Material Design
- Material Color Picker [44
⭐ ] - Based on the Google Docs color picker by Lung Razvan. - Unicorn Speed Dial [87
⭐ ] - Floating Action Button with Speed Dial by Tiago Martins. - Slidable [407
⭐ ] - Slidable list item with left and right slide actions by Romain Rastel. - RangeSlider [85
⭐ ] - 2-thumb configurable RangeSlider by Didier Boelens.
Effect
- Frosted Glass - Render effect by Collin Jackson.
- Parallax [291
⭐ ] - ViewPager by Iiro Krankka. - Shimmer [251
⭐ ] - Shimmer effect while content is loading by HungHD. - Wave [77
⭐ ] - Displaying some waves with custom color, duration, floating and blur effects by RockerFlower.
Calendar
- Calendar Widget [53
⭐ ] - Calendar widget by David Bennett. - Calendar Carousel Widget - Calendar carousel by dooboolab
- Date range picker - Date range picker modified based on Flutter date picker by An Doan.
Image
- Image Picker - Images Selection by Collin Jackson.
- Carousel Slider [161
⭐ ] - Carousel slider widget, support infinite scroll and custom child widget by serenader. - Parallax Image [98
⭐ ] - Image parallax by Anatoly Pulyaevskiy. - Photo View [269
⭐ ] - Scalable image view with loading placeholder by Renan C. Araújo. - SVG [233
⭐ ] - SVG parsing, rendering, and widget library by Dan Field. - Image Cropper [182
⭐ ] - Crop your images support ratio, rotation, zoom by HungHD. - Cached Network Image [320
⭐ ] - Show images from the internet and keep them in the cache directory by. - Multi Image Picker [131
⭐ ] - Display multi image picker by Radoslav Vitanov.
Map
- Google Map View [346
⭐ ] - Displaying google map plugin by AppTree Software. - GeoCoder [36
⭐ ] - Forward and reverse geocoding by Aloïs Deniel. - Map [495
⭐ ] - Solution based on Leaflet and customizable by AppTree Software. - Mapbox GL [177
⭐ ] - Interactive, customizable vector maps by Mapbox.
Charts
- Circular Chart [162
⭐ ] - Animated radial and pie charts by Victor Choueiri. - Charts [109
⭐ ] - LineChart and VerticalBarChart Library by Milan Zimmermann. - Sparkline [104
⭐ ] - Sparkline by Victor Choueiri. - Charts [476
⭐ ] - By Google Charts Team. - Flutter Plot [16
⭐ ] - Pretty plots by R. C. Howell. - Candlesticks [85
⭐ ] - OHLC and Trade Volume Charts by Trent Piercy. - FCharts [221
⭐ ] - Beautiful, responsive, animated charts by Keenan Thompson.
Navigation
- Fluro [741
⭐ ] - The brightest, hippest, coolest router for Flutter with Navigation, wildcard, query, transitions by Posse. - PageView Indicator [34
⭐ ] - Build page indicators for the PageView by Leo Cavalcante. - Swiper [37
⭐ ] - Horizontal, Vertical, Partial swipe with indicator by Xueliang Ren.
Auth
- Local Auth - Touch ID, lock code, fingerprint auth on iOS and Android.
- Login [231
⭐ ] - FaceID, TouchID, and Fingerprint Reader by Rody Davis. - Google Sign-In - Google OAuth.
- Firebase Auth - Firebase OAuth.
- Facebook Login [130
⭐ ] - Authenticate with native Android & iOS Facebook login SDKs by Iiro Krankka. - OAuth [89
⭐ ] - Buffer, Strava, Unsplash, Github OAuth by Joe Birch. - Instagram - Instagram auth by Wilfried Mbouenda Mbogne.
- Firebase Phone Auth [418 claps
👏 ] - Phone number auth via SMS by Gildásio Filho. - SimpleAuth [75
⭐ ] - Azure Active Directory, Amazon, Dropbox, Facebook, Github, Google, Instagram, Linked In, Microsoft Live Connect, Github, OAuth, Basic Auth by James Clancey.
Text & Rich Content
- Markdown [172
⭐ ] - Markdown renderer for Flutter. It supports the original format, but no inline html. - Rich Text Editor [69
⭐ ] - Text editor with style by Lung Razvan. - Masked Text [56
⭐ ] - Masked text with custom and monetary formatting by Ben-hur Santos Ott. - Zefyr [371
⭐ ] - Soft and gentle rich text editing by Memspace.
Analytics
- Usage [47
⭐ ] - Google Analytics wrapper for command-line, web, and Flutter apps. - Firebase Analytics - Connect to Firebase Analytics API.
- Segment.com Analytics [5
⭐ ] - Make your Segment.com analytics a breeze! by Faisal Abid. - Pure Mixpanel [5
⭐ ] - Analytics for the popular Mixpanel.com Nick Manning.
Build automation
- Travis CI for Flutter [39
⭐ ] - Continuous integration by Yegor Jbanov. - Test on Travis [396 claps
👏 ] - Widget testing framework by Yegor Jbanov. - Building Apks/Ipas on Travis [250 claps
👏 ] - Automated build for Android and IOS by Yegor Jbanov. - BitRise [62 claps
👏 ] - Create Bitrise Step in Go by Karol Wrótniak. - Code Magic - Automate the entire flow, build and distribution by (NeverCode)[https://nevercode.io/].
Styling
- Flutterial [138
⭐ ] - Flutter Material Theme explorer by Erick Ghaumez. - Pigment [65
⭐ ] - Simple but useful package for use colors in flutter.
Media
Audio
- Audio Plugin [220
⭐ ] - Beta by Erick Ghaumez. - Audio Recorder [65
⭐ ] - Record audio and store it locally by Jordan Alcaraz. - Stereo [44
⭐ ] - Playing music on iOS and Android by 2Find. - Flutter Sound [47
⭐ ] - Flutter audio recorder and player at one hand by dooboolab.
Video
- WebRTC [308
⭐ ] - WebRTC plugin for iOS/Android by CloudWebRtc. - Chewie [242
⭐ ] - Provides low-level access to video playback by Brian Egan.
Voice
- Speech Recognition [99
⭐ ] - Speech to text by Erick Ghaumez. - OK Google - Integrate google assistant by Marcin Szalek.
Storage
- Firebase Storage - Firebase as data storage.
- Secure Storage [101
⭐ ] - Keychain and Keystore storage by German Saprykin.
Monetization
- Admob - GoogleAdmob supports interstitial ads in both iOS and Android by Brett Nesbitt.
- Firebase AdMob - Ad integration using Firebase.
- Billing [69
⭐ ] - Enable billing on iOS and Android by Volodymyr Lykhonis. - Payments [19
⭐ ] - In App Purchases & Subscriptions by Delightful Goods. - Inapp Purchase [141
⭐ ] - Features set of 'in app purchase' derived from react-native-iap by dooboolab. - Admob Flutter - Admob plugin that shows banner ads using native platform views by Youssef Kababe.
Templates
- Movie Details [209
⭐ ] - Movie details page by Iiro Krankka. - Mates [266
⭐ ] - How to load profiles from the randomuser.me API and a nice profile details page by Iiro Krankka. - Weather [85
⭐ ] - Weather app to learn how to use Canvas and Animation by Alessandro Aime. - TodoMVC [2034
⭐ ] - TODO application ready to go with different flavors : Vanilla, Redux, built_redux by Brian Egan. - Restaurant Menu [347
⭐ ] - Restaurant menu by Braulio Cassule. - UI Challenges [569
⭐ ] - Profile, Travel, Food App by Tomi Alagbe. - Cupertino Settings [46
⭐ ] - iOS Settings by Matthias Rupp. - Music Player [92
⭐ ] - music player component by Tobe O. - Dashboard [301
⭐ ] - Dashboard and Shop Items by Ivascu Adrian. - Todo [208
⭐ ] - Todo template from Dribble by Marc L. - Card Swipe Animation [175
⭐ ] - Swipe cards template by Ruchika Gupta. - UI Kit [1878
⭐ ] - Collection of useful UIs in a UIKit by Pawan Kumar. - Book [115
⭐ ] - Bookshelf by Ardiansyah Putra. - The Gorgeous Login [426
⭐ ] - Design and smooth login template by Hugo Extrat. - Liquid Pay Payment App [57
⭐ ] - Liquid Pay App Concept by Long Hoang. - DrawApp [63
⭐ ] - Sample Drawing App to demonstrate how to allow user to draw onto canvas with color picker and brush thickness slider by Jake Gough. - Starter Kit [134
⭐ ] - App Store implementation to learn Bloc, RxDart, Sqflite, Fluro and Dio. by King Wu.
Machine Learning
Plugins
- Pub Plugins - Plugins filter in Dart Pub Repository.
- Plugins - Official Flutter Team Plugins.
Device
- WebView [456
⭐ ] - Render web content by Hadrien Lejard. - Location [165
⭐ ] - 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 [123
⭐ ] - Fully featured geolocation plugin: current location, location updates, geocode, places and more by Loup. - Local Notifications [254
⭐ ] - Plugin for displaying local notifications by Michael Bui. - Device Calendar - Plugin for modifying calendars on the user's device by Built to Roam.
- Get Version [38
⭐ ] - Version Name, Version Code, App ID and Platform with OS Version by Rody Davis. - Badger [58
⭐ ] - Update app badge on the launcher by Edouard Marquez. - UDID [31
⭐ ] - Persistent UDID across app reinstalls by Leon Kukuk. - Downloader [110
⭐ ] - Create and manage download tasks by HungHD. - InAppBrowser [144
⭐ ] - Add inline WebView widgets or open an in-app browser window by Lorenzo Pichilli. - AppAvailability [10
⭐ ] - List, launch and check installed apps by Lorenzo Pichilli. - Aeyrium Sensor [20
⭐ ] - A plugin which provide easy access to the Pitch and Roll on Android and iOS devices by Diego Velásquez. - File Picker [25
⭐ ] - Native file explorer to load absolute file path by Miguel Ruivo.
Scanner
- QR Code Reader [69
⭐ ] - QR Code reader plugin by Matheus Villela. - Fast QR Reader View [60
⭐ ] - Live multicode reader by Facundo Medica.
Bluetooth / NFC / Beacon
- Blue [388
⭐ ] - Bluetooth by Paul DeMarco. - Beacons [20
⭐ ] - Flutter beacons plugin by Loup. - NFC Reader [46
⭐ ] - NFC reader plugin for iOS and Android by Matteo Crippa.
Storage
- Sqflite [636
⭐ ] - SQLite flutter plugin by Alexandre Roux. - MMKV [32
⭐ ] - WeChat ultra fast & persistent key-value storage by BigBug.
Services
- Google Mobile Vision [161
⭐ ] - Google Mobile Vision by Eduardo Folly. - Dialogflow [39
⭐ ] - Plugin to easily integrate with dialogflow by Victor Rances. - Intercom [15
⭐ ] - Add Intercom integration to your app by Maido Kaara. - MLKit [138
⭐ ] - Firebase Machine Learning Kit by Naoya Yoshizawa. - OneSignal [120
⭐ ] - Push notification service by OneSignal. - Place Dialog [31
⭐ ] - Places picker dialog returning the places to the app by David Bennett. - App Rating [48
⭐ ] - Requesting and Writing Reviews for the App Store and Google Play by Rody Davis. - IBM Watson [6
⭐ ] Easily integrate with IBM Watson by Victor Rances
Frameworks
Bloc
- Bloc [430
⭐ ] - Collection of packages that help implement the BLoC design pattern by Felix Angelov.
Redux / ELM / Dependency Injection
- Built redux [63
⭐ ] - Automatic subscribing to your redux stores. Based on the built pattern by David Marne. - Redux.dart [233
⭐ ] - Port of Redux to Dart with an ecosystem of middleware, Flutter integrations, and time traveling dev tools by John Ryan and Brian Egan. - Redux [562
⭐ ] - Built to work with redux.dart, utilities that allow you to easily consume a Redux Store to build Widgets. - Dartea [55
⭐ ] - Model View Update inspired by TEA from ELM by Shilyagov P. - Inject [340
⭐ ] - Compile-time dependency injection by Google. - Flux [273
⭐ ] - Implementation of the Flux framework by Google.
Widgets
- Hooks [303
⭐ ] - Advanced code sharing between widgets by Remi Rousselet. - Functional widget [70
⭐ ] - Code generator writing widgets as functions with annotations by Remi Rousselet.
Data
- Graphql [515
⭐ ] - Implementation of the GraphQL spec by Zino App B.V..
Animation
- Sequence Animation [116
⭐ ] - Composite staggered animations by Norbert Kozsir. - SpinKit [501
⭐ ] - Animated loading indicators by Jeremiah Ogbomo. - Villains [146
⭐ ] - Page transition animations by Norbert Kozsir. - AnimatedTextKit [194
⭐ ] - A collection of cool text animations by Ayush Agarwal.
Game Engine
- Flame [680
⭐ ] - Minimalist game engine by Luan Nico. - SpriteWidget [544
⭐ ] - Toolkit for building complex, high performance animations and 2D games by Viktor Lidholt.
Misc
- Cache Manager [115
⭐ ] - Generic cache manager by Rene Floor.
Testing
- Ozzie [66
⭐ ] - Ozzie will take an screenshot during integration tests whenever you need by Jorge Coca.
Open Source Apps
Premium
- History Of Everything [2443
⭐ ] - Animated vertical timeline of humanity by 2D, Inc.
Top
- Flutter Team Samples [1336
⭐ ] - Collection of examples (including maps, json, Material and Cupertino) by the Flutter team. - Flutter Common Widgets [3973
⭐ ] - Collection of official widgets demos & docs in chinese to help developers learn quickly by Alibaba Auction Frontend Team. - Meme Chat [325
⭐ ] - Chat app on Flutter, using Firebase, Google Sign In, and device camera integration by a team of Googlers. - Flitter [142
⭐ ] - Glitter app by Hadrien Lejard and Kevin Segaud. It uses Redux and Jaguar. - Lime [215
⭐ ] - Lime social network by Sebastian Sellmair. - Planets [353
⭐ ] - Planet exploration that demonstrate rich UI by Sergi Martínez. - NewsBuzz [284
⭐ ] - Firebase backed news reader using News API by Ankur Kedia. - DroidKaigi2018-flutter [368
⭐ ] - Unofficial conference app for DroidKaigi 2018 Tokyo by konifar. - Music Player [478
⭐ ] - Full featured music player by Pawan Kumar. - WhatTodo [366
⭐ ] - Todoist like UI by Burhanuddin Rashid. - FlutterGram [410
⭐ ] - Complete Instagram based on Firestore & Google Functions by MDanics. - BookSearch [233
⭐ ] - Digital BookShelf for your reading progress by Norbert515. - Cinematic [395
⭐ ] - UI for Movie DB Public API by Aaron Oertel. - Beer-Me-Up [163
⭐ ] - Beer tracking nicely designed by Benoit Letondor. - Trace [194
⭐ ] - Modern and powerful crypto portfolio & market explorer by Trent Piercy. - Taskist [134
⭐ ] - Taskist is a ToDo List app for Task Management by Hugo EXTRAT. - Tourism [70
⭐ ] - Tourism app based on redux w/ animations & i18n by blueMix. - Trinity Orientation @ Univ Toronto [129
⭐ ] - Orientation week at Trinity College, U of T by Matthew Tory. - Transform Widget - Image widgets as 3D game engine sprites by Paul Thomas.
- Deer [76
⭐ ] - Minimalist Todo Planner built using BLoC pattern by Aleksander Woźniak.
Block / Angular / PWA
- InKino [1719
⭐ ] - Movie app with flutter_redux, animations and unit tests by Iiro Krankka.
State Management
- MobX [66
⭐ ] - Supercharge the state-management in your apps with Transparent Functional Reactive Programming (TFRP). Port of MobX from the Js/React land.
Games
- Flip [79
⭐ ] - Reversi game by Andrew Brogdon. - 2048 [43
⭐ ] - 2048 game by Anuran Barman. - TRex [70
⭐ ] - Port of the famous Chrome's Trex game by Renan C. Araújo. - Crush [102
⭐ ] - How to build a Math-3 game, like Candy Crush, Bejeweled by Didier Boelens. - Slide Puzzle [28
⭐ ] - Classic slide (15) puzzle by Kevin Moore.
Utilities
- Mutisya 2 - Online Flutter Studio by Paul Mutisya.
- Launcher Icons - Generate your launcher icons easily by Mark O'Sullivan and Franz Silva.
- Redux Starter/Code Generator [142
⭐ ] - Starter project and code generator with Redux support by Hillel Coren. - FlutterIcon [53
⭐ ] - Icon set generator by Mike Hoolehan. - IntelliJ Redux - Navigate Redux app by Hillel Coren.
Desktop
- Desktop Embedding [3525
⭐ ] - Desktop implementations of the Flutter embedding API by Google. - Golang Desktop Embedder [1367
⭐ ] - Golang embedder for desktop by Pierre Champion.
Books
- Flutter in Action - Complete Flutter and Dart resource, currently in 'Early Access'.
Bonus
- It's All Widgets! - Open list of published apps by Hillel Coren, Thomas Burkhart, Simon Lightfoot and Scott Stoll.
Fun
- The One [214
👍 ]
Community
Presentation material
- Logo - Logo for stickers impressions.
Communication
- Gitter - Exchange channel.
- r/FlutterDev Subreddit - Reddit community by u/JaapVermeulen.
- Dev Discord - Discord server to discuss and get help by Pritykin.
- Flutter Community - Central place for community made packages.
- OpenFlutter - Make it easier 让Flutter更简单.
🇩🇰 Denmark
- Meetup Denmark
🇫🇷 France
- Meetup Bordeaux - Paris - Rennes
- Twitter - Toutes les news et annonces dans votre flux.
- Slack - Slack dédié à la communauté française.
🇩🇪 Germany
- Meetup Berlin - Düsseldorf - Karlsruhe
- Twitter Flutter Berlin - Düsseldorf.
- Slack Flutter Berlin
🇷🇺 Russia
- Telegram - Russian speaking Dart & Flutter community.
🇺🇸 United States
- Meetup Chicago
License
To the extent possible under law, Robert Felker has waived all copyright and related or neighboring rights to this work.