[](http://flutter.io)
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 📖, support projects visibility, give 👍| ⭐| 👏 ## Contents - [Articles](#articles) - [Videos](#videos) - [Components](#components) - [Navigation](#navigation) - [Template](#templates) - [Plugins](#plugins) - [Frameworks](#frameworks) - [Open Source Apps](#open-source-apps) - [Utilities](#utilities) - [Community](#community) - [Books](#books) - [Bonus](#bonus) ## Articles ### Introduction - [Google IO 2018](https://medium.com/flutter-io/building-beautiful-flexible-user-interfaces-with-flutter-material-theming-and-official-material-13ae9279ef19) [1.2K claps👏] - Building beautiful, flexible user interfaces. - [Presentation](https://speakerdeck.com/hjjunior/why-i-chose-flutter) - by [Helio S. Junior](https://github.com/hjJunior). ### Websites / Blogs - [SZAŁKO-BLOG](https://marcinszalek.pl/) - Step by step advanced design by [Marcin Szalek](https://marcinszalek.pl/). - [Sergi & Replace](https://sergiandreplace.com/) - Basic to advanced articles and tutorials [Sergi Martínez](https://github.com/sergiandreplace). - [Flutter by Example](https://flutterbyexample.com/) - Tutorials based on Redux, Firebase, Custom Animations, and UI. - [Flutter Institute](https://flutter.institute/) - Very original content and tutorials by [Brian Armstrong](https://twitter.com/flutterinst). - [Iirokrankka.com](https://iirokrankka.com/) - Articles and tutorials about Flutter, Dart and anything related by [Iiro Krankka](https://twitter.com/koorankka). - [Norbert](https://medium.com/@norbertkozsir) - In depth articles, features and app creation by [Norbert515](https://github.com/Norbert515). - [Welcome to Flutter](https://didierboelens.com) - English and French blog dedicated to providing practical solutions to most asked questions about Flutter by Didier Boelens. - [Flutter Tips](https://medium.com/@diegoveloper) - Articles, tips & tricks in the development by [Diego Velásquez](https://twitter.com/diegoveloper). ### Tutorial - [Animated Chat](https://codelabs.developers.google.com/codelabs/flutter/#0) - Building beautiful UIs by Google Code Labs. - [Firebase Chat](https://codelabs.developers.google.com/codelabs/flutter-firebase/#0) - Firebase integration by Google Code Labs. - [Planets-Flutter: from design to app](http://sergiandreplace.com/2017/09/planets-flutter-from-design-to-app) - Detailed planets design tutorial. - [Todo List](https://github.com/lesnitsky/todolist_flutter) – Step by step tutorial how to build Todo List with Flutter by [Andrei Lesnitsky](https://twitter.com/lesnitsky_a). ### Beginner - [Zero to One Animation](https://medium.com/dartlang/zero-to-one-with-flutter-part-two-5aa2f06655cb) [1K claps👏] - Focus on animation by [Mikkel Ravn](https://medium.com/@mravn). - [Animations in Flutter](https://proandroiddev.com/animations-in-flutter-6e02ee91a0b2) [887 claps👏] - Commonly used animation examples by [Muhammed Salih Güler](https://proandroiddev.com/@muhammedsalihguler). - [Layout Cheat Sheet](https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e) - Extensive examples of layout widgets by [Tomek Polański](https://github.com/tomaszpolanski). - [Pooja's Guide to Flutterverse](https://medium.com/flutter-community/i-want-to-learn-flutter-how-to-start-ffb4145f9b26) [2.2K claps👏] - Step by step guide for learning Flutter for super beginners by [Pooja Bhaumik](https://twitter.com/pblead26). ### Advanced - [Rendering Pipeline](https://www.youtube.com/watch?v=UUfXWzp0-DU) [234👍] - Engine architecture by Adam Barth. - [Render Objects](https://medium.com/flutter-community/flutter-what-are-widgets-renderobjects-and-elements-630a57d05208) [1.8K claps👏] - What are Widgets, RenderObjects and Elements? by [Norbert515](https://github.com/Norbert515). - [Streams and RxDart](https://skillsmatter.com/skillscasts/12254-flutter-with-streams-and-rxdart) - Skillmatters presentation by [Brian Egan](https://github.com/brianegan). - [Gesture System](https://medium.com/flutter-community/flutter-deep-dive-gestures-c16203b3434f) [437 claps👏] - Flutter Deep Dive: Gestures by [Nash](https://nash0x7e2.github.io/). - [Schemas](https://www.didierboelens.com/2018/06/widget---state---context---inheritedwidget/) - Widget, State, Context and InheritedWidget explanations by [Didier Boelens](https://didierboelens.com). - [Rendering Engine Tutorial](https://medium.com/saugo360/flutters-rendering-engine-a-tutorial-part-1-e9eff68b825d) [608 claps👏] - Flutter's Rendering Engine: A Tutorial by [AbdulRahman AlHamali](https://github.com/AbdulRahmanAlHamali/). - [Inherited Widget](https://medium.com/@chemamolins/is-flutters-inheritedwidget-a-good-fit-to-hold-app-state-2ec5b33d023e) - Flutter’s InheritedWidget to hold app state by [Chema Molins](https://github.com/jmolins). - [From Mobile to Desktop](https://medium.com/flutter-community/flutter-from-mobile-to-desktop-93635e8de64e) - Building applications for smartphones and desktops by [Marcelo Henrique Neppel](https://neppel.com.br). - [Accessibility widgets](https://medium.com/flutter-community/a-deep-dive-into-flutters-accessibility-widgets-eb0ef9455bc) [564 claps👏] - Deep dive information about all aspects of accessibility by [Muhammed Salih Güler](https://twitter.com/salihgueler). ### Howtos - [Firebase](https://www.youtube.com/watch?v=p4yLzYwy_4g) [466👍] - Firebase live coding. - [Securing Apps](https://medium.com/@mehmetf_71205/securing-flutter-apps-ada13e806a69) [358 claps👏] - By Mehmet Fidanboylu. - [Build your plugins](https://medium.com/@KarthikPonnam/build-your-own-plugin-for-flutter-cfee1a08ea3a) [483 claps👏] - How to make a custom plug-in by [Karthik Ponnam](https://medium.com/@KarthikPonnam). - [Build Flavor](https://medium.com/@salvatoregiordanoo/flavoring-flutter-392aaa875f36) [905 claps👏] - Define build configurations and switch them by [Salvatore Giordano](https://medium.com/@salvatoregiordanoo). - [howtodothisinflutter.com](https://github.com/lesnitsky/howtodothisinflutter) [70⭐] – Cheat sheet for react native developers trying Flutter by [Andrei Lesnitsky](https://twitter.com/lesnitsky_a) ## Videos - [Tensor Programming](https://www.youtube.com/watch?v=WwhyaqNtNQY&list=PLJbE2Yu2zumDqr_-hqpAN0nIr6m14TAsd) [74🎬] - Very rich content by [Tensor Programming](http://tensor-programming.com/). - [Fluttery](https://www.youtube.com/channel/UCtWyVkPpb8An90SNDTNF0Pg) - High-production value and in-depth challenges. - [Brandon Donnelson](https://www.youtube.com/playlist?list=PLBbgqtDgdc_RUWUCInIqxpY--C94C6Xjh) [55🎬] - Videos on layout, database and tips by Brandon Donnelson. - [Mtechviral](https://www.youtube.com/watch?v=qWL1lGchpRA&list=PLR2qQy0Zxs_UdqAcaipPR3CG1Ly57UlhV) [122🎬] - [Hindi/English] Mtechviral Series By [Pawan Kumar](https://github.com/iampawan). - [Udacity](https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905) - Build Native Mobile Apps by Google. - [VoidRealms](https://www.youtube.com/playlist?list=PLUbFnGajtZlX9ubiLzYz_cw92esraiIBi) [43🎬] - Video tutorials, from basic to advanced. - [Coding With Flutter](https://www.youtube.com/watch?v=u_Lyx8KJWpg&list=PLNnAcB93JKV9iZ2cwk9MEx3_JG8BRikMP) [22🎬] - Video tutorials and live-coding examples by [Andrea Bizzotto](https://medium.com/@biz84). - [Flutter Crash Course](https://fluttercrashcourse.com) - Free video course by [Nick Manning](https://twitter.com/seenickcode). - [Boring Show](https://www.youtube.com/results?search_query=%23BoringShow) - Exploration with the Flutter Team. ## Components ### Demonstrations - [Official Gallery](https://github.com/flutter/flutter/tree/master/examples/flutter_gallery) - Demo for the material design widgets provided by Flutter Team. - [Flutter Examples](https://github.com/nisrulz/flutter-examples) [2091⭐] - Simple basic isolated apps for devs by [Nishant Srivastava](https://github.com/nisrulz). - [Flutter Catalog](https://github.com/X-Wei/flutter_catalog) [293⭐] - An app showcasing Flutter components, with side-by-side source code view, by [X-Wei](https://github.com/X-Wei). ### UI - [Contact Picker](https://github.com/goderbauer/contact_picker) [28⭐] - Picking contact from the address book by [Michael Goderbauer](https://github.com/goderbauer). - [StaggeredGridView](https://github.com/letsar/flutter_staggered_grid_view) [464⭐] - GridView with tiles of variable sizes by [Romain Rastel](https://github.com/letsar). - [Sticky Header](https://github.com/letsar/flutter_sticky_header) [181⭐] - Sliver based sticky headers by [Romain Rastel](https://github.com/letsar). - [Radial Menu](https://github.com/xqwzts/flutter_radial_menu) [159⭐] - Animated Radial Menu by [Victor Choueiri](https://github.com/xqwzts). - [Tinder Cards](https://github.com/Ivaskuu/tinder_cards) [175⭐] - Tinder like cards swipe effect by [Ivascu Adrian](https://github.com/Ivaskuu). - [Sticky Headers](https://github.com/slightfoot/flutter_sticky_headers) [209⭐] - Configurable sticky headers by [Simon Lightfoot](http://www.devangels.london/). - [Login Animation](https://github.com/GeekyAnts/flutter-login-home-animation) [411⭐] - Smooth animation from login to home by [Ruchika Gupta](https://github.com/geekruchika). - [List Drag&Drop](https://github.com/Norbert515/flutter_list_drag_and_drop) [143⭐] - Reorder list elements using Drag & Drop by [Norbert515](https://github.com/Norbert515). - [Side Header List](https://github.com/renefloor/side_header_list_view) [124⭐] - Listview with sticky headers by [Rene Floor](https://github.com/renefloor). - [Flip Panel](https://github.com/hnvn/flutter_flip_panel) [140⭐] - Flip panel with built-in animation by [HungHD](https://github.com/hnvn). - [Facebook Reactions](https://github.com/duytq94/facebook-reaction-animation) [85⭐] - Facebook reactions widget by [Duy Tran](https://github.com/duytq94). - [Flushbar](https://github.com/AndreHaueisen/flushbar) [132⭐] - Highly configurable Snackbar by [Andre Haueisen](https://github.com/AndreHaueisen). - [Stepper Touch](https://github.com/Rahiche/stepper_touch) [63⭐] - Lateral value stepper nicely animated by [Raouf Rahiche](https://github.com/Rahiche). - [Offline](https://github.com/jogboms/flutter_offline) [189⭐] - Tidy utility to handle offline/online connectivity by [Jeremiah Ogbomo](https://twitter.com/jogboms). - [Typeahead](https://github.com/AbdulRahmanAlHamali/flutter_typeahead) [99⭐] - Display overlay suggestions to users as they type by [Abdul Rahman Al Hamali](https://github.com/AbdulRahmanAlHamali). - [Snaplist](https://github.com/ariedov/flutter_snaplist) [97⭐] - Create snappable list views by [David Leibovych](https://github.com/ariedov). - [Fluid Slider](https://github.com/rvamsikrishna/flutter_fluid_slider) [75⭐] - A slider with a minimal design and fluid like animation by [Vamsi Krishna](https://github.com/rvamsikrishna). - [Infinite Listview](https://github.com/fluttercommunity/flutter_infinite_listview) [26⭐] - Infinite scroll in both directions by [Simon Lightfoot](https://github.com/slightfoot). - [Pin Code](https://github.com/LiewJunTung/pin_code_text_field) [12⭐] - Animated & customisable Pin code for login and OTP by [Liew Jun Tung](https://github.com/liewjuntung). - [Folding Cell](https://github.com/faob-dev/folding_cell) [73⭐] - Fold your widget by [Faob](https://github.com/faob-dev). - [Hidden Drawer Menu](https://github.com/RafaelBarbosatec/hidden_drawer_menu) [27⭐] - Beautiful drawer mode menu feature with perspective animations by [Rafael Almeida Barbosa](https://github.com/RafaelBarbosatec). - [Liquid Pull To Refresh](https://github.com/aagarwal1012/Liquid-Pull-To-Refresh) [179⭐] - A beautiful and custom refresh indicator by [Ayush Agarwal](https://github.com/aagarwal1012/). - [Fancy Bottom Navigation](https://github.com/tunitowen/fancy_bottom_navigation) [36⭐] - Animated bottom navigation by [Tony Owen](https://github.com/tunitowen). #### Material Design - [Material Color Picker](https://github.com/long1eu/material_color_picker) [45⭐] - Based on the Google Docs color picker by [Lung Razvan](https://github.com/long1eu). - [Unicorn Speed Dial](https://github.com/tiagojencmartins/unicornspeeddial) [90⭐] - Floating Action Button with Speed Dial by [Tiago Martins](https://github.com/tiagojencmartins). - [Slidable](https://github.com/letsar/flutter_slidable) [433⭐] - Slidable list item with left and right slide actions by [Romain Rastel](https://github.com/letsar). - [RangeSlider](https://github.com/boeledi/RangeSlider) [97⭐] - 2-thumb configurable RangeSlider by [Didier Boelens](https://www.didierboelens.com). #### Effect - [Frosted Glass](http://stackoverflow.com/questions/43550853/how-do-i-do-the-frosted-glass-effect-in-flutter) - Render effect by [Collin Jackson](http://www.collinjackson.com). - [Parallax](https://github.com/FlutterRocks/page-transformer) [302⭐] - ViewPager by [Iiro Krankka](https://github.com/roughike). - [Shimmer](https://github.com/hnvn/flutter_shimmer) [274⭐] - Shimmer effect while content is loading by [HungHD](https://github.com/hnvn). - [Wave](https://github.com/i-protoss/wave) [89⭐] - Displaying some waves with custom color, duration, floating and blur effects by [RockerFlower](https://github.com/RockerFlower). #### Calendar - [Calendar Widget](https://github.com/pinkfish/flutter_calendar) [57⭐] - Calendar widget by [David Bennett](https://github.com/pinkfish). - [Calendar Carousel Widget](https://github.com/dooboolab/flutter_calendar_carousel) - Calendar carousel by [dooboolab](https://github.com/dooboolab/flutter_calendar_carousel) - [Date range picker](https://github.com/anicdh/date_range_picker) - Date range picker modified based on Flutter date picker by [An Doan](https://github.com/anicdh). ### Image - [Image Picker](https://github.com/flutter/plugins/tree/master/packages/image_picker) - Images Selection by [Collin Jackson](http://www.collinjackson.com). - [Carousel Slider](https://github.com/serenader2014/flutter_carousel_slider) [174⭐] - Carousel slider widget, support infinite scroll and custom child widget by [serenader](https://github.com/serenader2014). - [Parallax Image](https://github.com/pulyaevskiy/parallax-image) [104⭐] - Image parallax by [Anatoly Pulyaevskiy](https://github.com/pulyaevskiy). - [Photo View](https://github.com/renancaraujo/photo_view) [280⭐] - Scalable image view with loading placeholder by [Renan C. Araújo](https://github.com/renancaraujo). - [SVG](https://github.com/dnfield/flutter_svg) [254⭐] - SVG parsing, rendering, and widget library by [Dan Field](https://github.com/dnfield). - [Image Cropper](https://github.com/hnvn/flutter_image_cropper) [194⭐] - Crop your images support ratio, rotation, zoom by [HungHD](https://github.com/hnvn). - [Cached Network Image](https://github.com/renefloor/flutter_cached_network_image) [339⭐] - Show images from the internet and keep them in the cache directory by. - [Multi Image Picker](https://github.com/Sh1d0w/multi_image_picker) [143⭐] - Display multi image picker by [Radoslav Vitanov](https://github.com/Sh1d0w). ### Map - [Google Map View](https://github.com/apptreesoftware/flutter_google_map_view) [349⭐] - Displaying google map plugin by [AppTree Software](https://www.linkedin.com/company/apptree-software/). - [GeoCoder](https://github.com/aloisdeniel/flutter_geocoder) [36⭐] - Forward and reverse geocoding by [Aloïs Deniel](https://aloisdeniel.github.com). - [Map](https://github.com/apptreesoftware/flutter_map) [516⭐] - Solution based on [Leaflet](http://leafletjs.com/) and customizable by [AppTree Software](https://github.com/apptreesoftware). - [Mapbox GL](https://github.com/mapbox/flutter-mapbox-gl) [188⭐] - Interactive, customizable vector maps by Mapbox. ### Charts - [Circular Chart](https://github.com/xqwzts/flutter_circular_chart) [169⭐] - Animated radial and pie charts by [Victor Choueiri](https://github.com/xqwzts). - [Charts](https://github.com/mzimmerm/flutter_charts) [112⭐] - LineChart and VerticalBarChart Library by [Milan Zimmermann](https://github.com/mzimmerm). - [Sparkline](https://github.com/xqwzts/flutter_sparkline) [107⭐] - Sparkline by [Victor Choueiri](https://github.com/xqwzts). - [Charts](https://github.com/google/charts) [501⭐] - By Google Charts Team. - [Flutter Plot](https://github.com/RCHowell/flutter_plot) [16⭐] - Pretty plots by [R. C. Howell](https://github.com/RCHowell/). - [Candlesticks](https://github.com/trentpiercy/flutter-candlesticks) [93⭐] - OHLC and Trade Volume Charts by [Trent Piercy](https://github.com/trentpiercy). - [FCharts](https://github.com/thekeenant/fcharts) [230⭐] - Beautiful, responsive, animated charts by [Keenan Thompson](https://keenant.com). ### Navigation - [Fluro](https://github.com/goposse/fluro) [788⭐] - The brightest, hippest, coolest router for Flutter with Navigation, wildcard, query, transitions by [Posse](http://goposse.com). - [PageView Indicator](https://github.com/leocavalcante/page_view_indicator) [38⭐] - Build page indicators for the PageView by [Leo Cavalcante](https://github.com/leocavalcante). - [Swiper](https://github.com/jzoom/flutter_swiper) [37⭐] - Horizontal, Vertical, Partial swipe with indicator by [Xueliang Ren](https://github.com/jzoom). ### Auth - [Local Auth](https://github.com/flutter/plugins/tree/master/packages/local_auth) - Touch ID, lock code, fingerprint auth on iOS and Android. - [Login](https://github.com/AppleEducate/flutter_login) [243⭐] - FaceID, TouchID, and Fingerprint Reader by [Rody Davis](http://appleeducate.com). - [Google Sign-In](https://github.com/flutter/plugins/tree/master/packages/google_sign_in) - Google OAuth. - [Firebase Auth](https://github.com/flutter/plugins/tree/master/packages/firebase_auth) - Firebase OAuth. - [Facebook Login](https://github.com/roughike/flutter_facebook_login) [145⭐] - Authenticate with native Android & iOS Facebook login SDKs by [Iiro Krankka](https://github.com/roughike). - [OAuth](https://github.com/hitherejoe/FlutterOAuth) [94⭐] - Buffer, Strava, Unsplash, Github OAuth by [Joe Birch](http://www.hitherejoe.com). - [Instagram](https://hackernoon.com/instagram-authentication-with-flutter-df6424d2d56c) - Instagram auth by [Wilfried Mbouenda Mbogne](http://developer-journey.com/). - [Firebase Phone Auth](https://medium.com/@gildaswise/flutter-adding-sign-in-with-google-and-phone-authentication-to-your-app-69f681518f9b) [436 claps👏] - Phone number auth via SMS by [Gildásio Filho](https://github.com/gildaswise). - [SimpleAuth](https://github.com/Clancey/simple_auth) [82⭐] - Azure Active Directory, Amazon, Dropbox, Facebook, Github, Google, Instagram, Linked In, Microsoft Live Connect, Github, OAuth, Basic Auth by [James Clancey](https://github.com/Clancey). - [Flutter AppAuth](https://github.com/MaikuB/flutter_appauth)