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 [2.1K claps👏] - Step by step guide for learning Flutter for super beginners by Pooja Bhaumik.
Advanced
- Rendering Pipeline [231
👍 ] - 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 [606 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 [532 claps
👏 ] - Deep dive information about all aspects of accessibility by Muhammed Salih Güler.
Howtos
- Firebase [458
👍 ] - Firebase live coding. - Securing Apps [356 claps
👏 ] - By Mehmet Fidanboylu. - Build your plugins [466 claps
👏 ] - How to make a custom plug-in by Karthik Ponnam. - Build Flavor [901 claps👏] - Define build configurations and switch them by Salvatore Giordano.
Videos
- Tensor Programming [74
🎬 ] - 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 [20
🎬 ] - 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 [2018
⭐ ] - Simple basic isolated apps for devs by Nishant Srivastava. - Flutter Catalog [269⭐] - An app showcasing Flutter components, with side-by-side source code view, by X-Wei.
UI
- Contact Picker [26⭐] - Picking contact from the address book by Michael Goderbauer.
- StaggeredGridView [452
⭐ ] - GridView with tiles of variable sizes by Romain Rastel. - Sticky Header [178⭐] - Sliver based sticky headers by Romain Rastel.
- Radial Menu [156
⭐ ] - 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 [399
⭐ ] - Smooth animation from login to home by Ruchika Gupta. - List Drag&Drop [139⭐] - Reorder list elements using Drag & Drop by Norbert515.
- Side Header List [123
⭐ ] - Listview with sticky headers by Rene Floor. - Flip Panel [135
⭐ ] - Flip panel with built-in animation by HungHD. - Facebook Reactions [82
⭐ ] - Facebook reactions widget by Duy Tran. - Flushbar [125⭐] - Highly configurable Snackbar by Andre Haueisen.
- Stepper Touch [61⭐] - Lateral value stepper nicely animated by Raouf Rahiche.
- Offline [163⭐] - Tidy utility to handle offline/online connectivity by Jeremiah Ogbomo.
- Typeahead [92⭐] - 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 [70⭐] - 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 [167
⭐ ] - 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 [90
⭐ ] - Floating Action Button with Speed Dial by Tiago Martins. - Slidable [413⭐] - Slidable list item with left and right slide actions by Romain Rastel.
- RangeSlider [86⭐] - 2-thumb configurable RangeSlider by Didier Boelens.
Effect
- Frosted Glass - Render effect by Collin Jackson.
- Parallax [295⭐] - ViewPager by Iiro Krankka.
- Shimmer [256⭐] - Shimmer effect while content is loading by HungHD.
- Wave [78⭐] - Displaying some waves with custom color, duration, floating and blur effects by RockerFlower.
Calendar
- Calendar Widget [55
⭐ ] - 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 [166⭐] - Carousel slider widget, support infinite scroll and custom child widget by serenader.
- Parallax Image [98
⭐ ] - Image parallax by Anatoly Pulyaevskiy. - Photo View [274
⭐ ] - Scalable image view with loading placeholder by Renan C. Araújo. - SVG [240⭐] - SVG parsing, rendering, and widget library by Dan Field.
- Image Cropper [188
⭐ ] - Crop your images support ratio, rotation, zoom by HungHD. - Cached Network Image [325⭐] - Show images from the internet and keep them in the cache directory by.
- Multi Image Picker [133⭐] - 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 [500⭐] - Solution based on Leaflet and customizable by AppTree Software.
- Mapbox GL [181⭐] - Interactive, customizable vector maps by Mapbox.
Charts
- Circular Chart [163
⭐ ] - Animated radial and pie charts by Victor Choueiri. - Charts [110
⭐ ] - LineChart and VerticalBarChart Library by Milan Zimmermann. - Sparkline [105⭐] - Sparkline by Victor Choueiri.
- Charts [485
⭐ ] - By Google Charts Team. - Flutter Plot [16
⭐ ] - Pretty plots by R. C. Howell. - Candlesticks [89⭐] - OHLC and Trade Volume Charts by Trent Piercy.
- FCharts [222
⭐ ] - Beautiful, responsive, animated charts by Keenan Thompson.
Navigation
- Fluro [760⭐] - 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 [234⭐] - FaceID, TouchID, and Fingerprint Reader by Rody Davis.
- Google Sign-In - Google OAuth.
- Firebase Auth - Firebase OAuth.
- Facebook Login [137⭐] - Authenticate with native Android & iOS Facebook login SDKs by Iiro Krankka.
- OAuth [88
⭐ ] - Buffer, Strava, Unsplash, Github OAuth by Joe Birch. - Instagram - Instagram auth by Wilfried Mbouenda Mbogne.
- Firebase Phone Auth [420 claps👏] - Phone number auth via SMS by Gildásio Filho.
- SimpleAuth [76⭐] - 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 [175⭐] - 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 [57⭐] - Masked text with custom and monetary formatting by Ben-hur Santos Ott.
- Zefyr [375⭐] - 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 [397 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 [148
⭐ ] - Flutter Material Theme explorer by Erick Ghaumez. - Pigment [65
⭐ ] - Simple but useful package for use colors in flutter.
Media
Audio
- Audio Plugin [225⭐] - Beta by Erick Ghaumez.
- Audio Recorder [66
⭐ ] - Record audio and store it locally by Jordan Alcaraz. - Stereo [44⭐] - Playing music on iOS and Android by 2Find.
- Flutter Sound [52
⭐ ] - Flutter audio recorder and player at one hand by dooboolab.
Video
- WebRTC [328⭐] - WebRTC plugin for iOS/Android by CloudWebRtc.
- Chewie [244⭐] - Provides low-level access to video playback by Brian Egan.
Voice
- Speech Recognition [101⭐] - Speech to text by Erick Ghaumez.
- OK Google - Integrate google assistant by Marcin Szalek.
Storage
- Firebase Storage - Firebase as data storage.
- Secure Storage [104⭐] - 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 [144
⭐ ] - 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 [213⭐] - Movie details page by Iiro Krankka.
- Mates [269
⭐ ] - 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 [2087
⭐ ] - TODO application ready to go with different flavors : Vanilla, Redux, built_redux by Brian Egan. - Restaurant Menu [348
⭐ ] - Restaurant menu by Braulio Cassule. - UI Challenges [575⭐] - 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 [304
⭐ ] - Dashboard and Shop Items by Ivascu Adrian. - Todo [210⭐] - Todo template from Dribble by Marc L.
- Card Swipe Animation [174
⭐ ] - Swipe cards template by Ruchika Gupta. - UI Kit [1900
⭐ ] - Collection of useful UIs in a UIKit by Pawan Kumar. - Book [116⭐] - Bookshelf by Ardiansyah Putra.
- The Gorgeous Login [433⭐] - Design and smooth login template by Hugo Extrat.
- Liquid Pay Payment App [58
⭐ ] - Liquid Pay App Concept by Long Hoang. - DrawApp [65⭐] - 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 [146⭐] - 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 [464
⭐ ] - Render web content by Hadrien Lejard. - Location [167⭐] - 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 [261⭐] - 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 [112⭐] - Create and manage download tasks by HungHD.
- InAppBrowser [146⭐] - Add inline WebView widgets or open an in-app browser window by Lorenzo Pichilli.
- AppAvailability [11
⭐ ] - 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 [26
⭐ ] - 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 [63
⭐ ] - Live multicode reader by Facundo Medica.
Bluetooth / NFC / Beacon
- Blue [394⭐] - Bluetooth by Paul DeMarco.
- Beacons [22⭐] - Flutter beacons plugin by Loup.
- NFC Reader [47
⭐ ] - NFC reader plugin for iOS and Android by Matteo Crippa.
Storage
- Sqflite [652
⭐ ] - SQLite flutter plugin by Alexandre Roux. - MMKV [33⭐] - WeChat ultra fast & persistent key-value storage by BigBug.
Services
- Google Mobile Vision [163⭐] - 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 [139⭐] - Firebase Machine Learning Kit by Naoya Yoshizawa.
- OneSignal [121⭐] - 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 [458
⭐ ] - Collection of packages that help implement the BLoC design pattern by Felix Angelov.
Redux / ELM / Dependency Injection
- Built redux [64⭐] - Automatic subscribing to your redux stores. Based on the built pattern by David Marne.
- Redux.dart [237⭐] - Port of Redux to Dart with an ecosystem of middleware, Flutter integrations, and time traveling dev tools by John Ryan and Brian Egan.
- Redux [571⭐] - 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 [343
⭐ ] - Compile-time dependency injection by Google. - Flux [275⭐] - Implementation of the Flux framework by Google.
Widgets
- Hooks [314⭐] - Advanced code sharing between widgets by Remi Rousselet.
- Functional widget [71
⭐ ] - Code generator writing widgets as functions with annotations by Remi Rousselet.
Data
- Graphql [533
⭐ ] - Implementation of the GraphQL spec by Zino App B.V..
Animation
- Sequence Animation [118⭐] - Composite staggered animations by Norbert Kozsir.
- SpinKit [513
⭐ ] - Animated loading indicators by Jeremiah Ogbomo. - Villains [147
⭐ ] - Page transition animations by Norbert Kozsir. - AnimatedTextKit [195⭐] - A collection of cool text animations by Ayush Agarwal.
Game Engine
- Flame [699⭐] - Minimalist game engine by Luan Nico.
- SpriteWidget [551⭐] - 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 [65⭐] - Ozzie will take an screenshot during integration tests whenever you need by Jorge Coca.
Open Source Apps
Premium
- History Of Everything [2521⭐] - Animated vertical timeline of humanity by 2D, Inc.
Top
- Flutter Team Samples [1397
⭐ ] - Collection of examples (including maps, json, Material and Cupertino) by the Flutter team. - Flutter Common Widgets [4659
⭐ ] - Collection of official widgets demos & docs in chinese to help developers learn quickly by Alibaba Auction Frontend Team. - Meme Chat [327⭐] - 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 [362
⭐ ] - Planet exploration that demonstrate rich UI by Sergi Martínez. - NewsBuzz [287⭐] - Firebase backed news reader using News API by Ankur Kedia.
- DroidKaigi2018-flutter [368⭐] - Unofficial conference app for DroidKaigi 2018 Tokyo by konifar.
- Music Player [483
⭐ ] - Full featured music player by Pawan Kumar. - WhatTodo [369
⭐ ] - Todoist like UI by Burhanuddin Rashid. - FlutterGram [420
⭐ ] - Complete Instagram based on Firestore & Google Functions by MDanics. - BookSearch [236
⭐ ] - Digital BookShelf for your reading progress by Norbert515. - Cinematic [402⭐] - UI for Movie DB Public API by Aaron Oertel.
- Beer-Me-Up [166
⭐ ] - Beer tracking nicely designed by Benoit Letondor. - Trace [200
⭐ ] - 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 [136
⭐ ] - Orientation week at Trinity College, U of T by Matthew Tory. - Transform Widget - Image widgets as 3D game engine sprites by Paul Thomas.
- Deer [78⭐] - Minimalist Todo Planner built using BLoC pattern by Aleksander Woźniak.
Block / Angular / PWA
- InKino [1743⭐] - Movie app with flutter_redux, animations and unit tests by Iiro Krankka.
State Management
- MobX [87⭐] - 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 [44
⭐ ] - 2048 game by Anuran Barman. - TRex [74⭐] - Port of the famous Chrome's Trex game by Renan C. Araújo.
- Crush [104⭐] - How to build a Math-3 game, like Candy Crush, Bejeweled by Didier Boelens.
- Slide Puzzle [31
⭐ ] - 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 [143⭐] - Starter project and code generator with Redux support by Hillel Coren.
- FlutterIcon [54⭐] - Icon set generator by Mike Hoolehan.
- IntelliJ Redux - Navigate Redux app by Hillel Coren.
Desktop
- Desktop Embedding [3616
⭐ ] - Desktop implementations of the Flutter embedding API by Google. - Golang Desktop Embedder [1467
⭐ ] - 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 [216
👍 ]
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更简单.
🇧🇷 Brazil
- Flutter talk de introdução ao Flutter em português by Julio Bitencourt
- Slack Flutter Brasil
🇩🇰 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.