Comprehensive set of Flutter resources:
Tags: flutter, learning, resources, mobile
Published: 2024-01-25 20:22:58

<h1>The Ultimate List of Flutter Resources - Tutorials, Libraries, Tools and More</h1>

Flutter is an open-source mobile app development framework created by Google that allows you to build beautiful native apps for iOS and Android from a single codebase. It has been gaining a lot of popularity over the past few years due to its fast development cycles, rich widget set, reactive programming model and more. 

If you're new to Flutter or looking to level up your skills, you've come to the right place! In this article, we've compiled the most useful Flutter resources including tutorials, libraries, tools and more to help you master Flutter app development. 

<h2>Table of Contents</h2>

<ul>
<li><a href="#beginner">Flutter for Beginners</a></li>
<li><a href="#intermediate">Flutter for Intermediate Developers</a></li>  
<li><a href="#advanced">Advanced Flutter Topics</a></li>
<li><a href="#ui">Flutter UI Libraries and Tools</a></li>
<li><a href="#backend">Backend Services and Tools</a></li>  
<li><a href="#plugins">Flutter Plugins</a></li>
<li><a href="#templates">App Templates</a></li>
<li><a href="#courses">Online Courses</a></li>
<li><a href="#youtube">YouTube Channels</a></li>
<li><a href="#books">Books</a></li>
<li><a href="#podcasts">Podcasts</a></li>
<li><a href="#newsletters">Newsletters</a></li>
<li><a href="#websites">Websites</a></li>
</ul>

<h2 id="beginner">Flutter for Beginners</h2>

If you're just getting started with Flutter, these resources will help you learn the basics:

<ul>
<li><a href="https://flutter.dev/docs/get-started/install" target="_blank" rel="noopener">Flutter Installation Guide</a> - Official guide to install Flutter on your machine</li>
<li><a href="https://flutter.dev/docs/get-started/codelab" target="_blank" rel="noopener">Write Your First Flutter App</a> - Build a simple app by following this codelab</li>  
<li><a href="https://www.youtube.com/watch?v=pTJJsmejUOQ" target="_blank" rel="noopener">Flutter Crash Course</a> - A complete tutorial for absolute beginners by FreeCodeCamp</li>
<li><a href="https://www.raywenderlich.com/20480487-your-first-flutter-app" target="_blank" rel="noopener">Your First Flutter App</a> - Build a simple todo app while learning Flutter basics</li>
<li><a href="https://www.appbrewery.co/p/flutter-development-bootcamp-with-dart" target="_blank" rel="noopener">Flutter Bootcamp Course</a> by Angela Yu - One of the most popular beginner Flutter courses</li>  
<li><a href="https://flutterbyexample.com/" target="_blank" rel="noopener">Flutter by Example</a> - Short examples for learning individual Flutter concepts</li>
</ul>

<h2 id="intermediate">Flutter for Intermediate Developers</h2> 

Take your Flutter skills to the next level with these resources focused on architecture, testing, state management and more:

<ul>
<li><a href="https://bloclibrary.dev/" target="_blank" rel="noopener">BLoC Library</a> - Learn how to use the BLoC pattern for state management</li>
<li><a href="https://pub.dev/packages/provider" target="_blank" rel="noopener">Provider</a> - A popular state management library for Flutter</li>
<li><a href="https://resocoder.com/flutter-clean-architecture-tdd/" target="_blank" rel="noopener">TDD in Flutter</a> - Series on test driven development</li>
<li><a href="https://flutter.dev/docs/testing" target="_blank" rel="noopener">Flutter Testing</a> - Official guides on widget, integration and unit testing</li>
<li><a href="https://www.youtube.com/watch?v=RS36gBEp8OI" target="_blank" rel="noopener">Animations in Flutter</a> - Tutorial on building animated apps</li>
<li><a href="https://fireship.io/lessons/flutter-firebase-tos/" target="_blank" rel="noopener">Flutter & Firebase Course</a> - Learn how to connect a Flutter app to Firebase backend</li>  
</ul>

<h2 id="advanced">Advanced Flutter Topics</h2>

Take your skills to an advanced level with these resources:

<ul>
<li><a href="https://flutter.dev/docs/development/platform-integration/platform-channels" target="_blank" rel="noopener">Platform Channels</a> - Integrate with Native Code on iOS and Android</li>
<li><a href="https://flutter.dev/docs/development/packages-and-plugins/developing-packages" target="_blank" rel="noopener">Creating Packages</a> - Distribute reusable functionality as packages</li>
<li><a href="https://flutter.dev/desktop" target="_blank" rel="noopener">Flutter for Desktop</a> - Build apps for Windows, macOS and Linux</li>
<li><a href="https://flutter.dev/web" target="_blank" rel="noopener">Flutter for Web</a> - Compile apps to run on the web</li>
<li><a href="https://flutter.dev/docs/deployment/android" target="_blank" rel="noopener">Flutter App Deployment</a> - Release your apps to the Play Store</li>
<li><a href="https://fireship.io/lessons/flutter-web-starter/" target="_blank" rel="noopener">Flutter Web Course</a> - Build web apps with Flutter</li>
</ul>

<h2 id="ui">Flutter UI Libraries and Tools</h2>

Build beautiful app UIs faster with these UI kits, libraries and plugins: 

<ul>
<li><a href="https://pub.dev/packages/flutter_staggered_grid_view" target="_blank" rel="noopener">Staggered Grid View</a> - Create grid layouts with tiles of variable sizes</li>  
<li><a href="https://pub.dev/packages/flutter_swiper" target="_blank" rel="noopener">Swiper</a> - Create Tinder-like carousels</li>
<li><a href="https://pub.dev/packages/fl_chart" target="_blank" rel="noopener">FL Chart</a> - Draw fantastic charts</li>
<li><a href="https://pub.dev/packages/font_awesome_flutter" target="_blank" rel="noopener">Font Awesome Icons</a> - Use popular icon packs</li>
<li><a href="https://pub.dev/packages/flutter_colorpicker" target="_blank" rel="noopener">Color Picker</a> - Implement color selection</li>
<li><a href="https://github.com/iampawan/Flutter-UI-Kit" target="_blank" rel="noopener">Flutter UI Kit</a> - Beautiful pre-built app screens and components </li>
</ul>

<h2 id="backend">Backend Services and Tools</h2>

Connect your Flutter app to cloud services and tools for push notifications, analytics, crash reporting and more:

<ul>  
<li><a href="https://firebase.flutter.dev/" target="_blank" rel="noopener">FlutterFire</a> - Official plugins to use Firebase services</li>
<li><a href="https://docs.amplify.aws/" target="_blank" rel="noopener">AWS Amplify</a> - Build apps with cloud features by Amazon Web Services</li>
<li><a href="https://cloud.google.com/run/docs/quickstarts/build-and-deploy/flutter" target="_blank" rel="noopener">Google Cloud Run</a> - Deploy Flutter apps on Google Cloud</li>
<li><a href="https://docs.supabase.io/guides/with-flutter" target="_blank" rel="noopener">Supabase</a> - Open source alternative to Firebase</li>
<li><a href="https://pub.dev/packages/sentry_flutter" target="_blank" rel="noopener">Sentry</a> - Crash reporting for Flutter apps</li>
<li><a href="https://pub.dev/packages/firebase_messaging" target="_blank" rel="noopener">Firebase Messaging</a> - Send push notifications</li>
</ul>

<h2 id="plugins">Flutter Plugins</h2>

Extend Flutter functionality with these useful plugins:

<ul>
<li><a href="https://pub.dev/packages/google_maps_flutter" target="_blank" rel="noopener">Google Maps</a> - Show maps and markers</li>
<li><a href="https://pub.dev/packages/url_launcher" target="_blank" rel="noopener">URL Launcher</a> - Open links outside app</li>
<li><a href="https://pub.dev/packages/image_picker" target="_blank" rel="noopener">Image Picker</a> - Allow users to select images</li>
<li><a href="https://pub.dev/packages/shared_preferences" target="_blank" rel="noopener">Shared Preferences</a> - Persist simple data</li>
<li><a href="https://pub.dev/packages/local_auth" target="_blank" rel="noopener">Local Auth</a> - Fingerprint scanner and Face ID</li>
<li><a href="https://pub.dev/packages/geolocator" target="_blank" rel="noopener">Geolocator</a> - Get device location</li>
</ul>

<h2 id="templates">App Templates</h2>

Get a headstart on development with these open source app templates:

<ul>
<li><a href="https://github.com/iampawan/Flutter-WhatsApp-Clone" target="_blank" rel="noopener">WhatsApp Clone</a> </li>
<li><a href="https://github.com/iampawan/Flutter-Instagram-UI-Clone" target="_blank" rel="noopener">Instagram Clone</a></li>
<li><a href="https://github.com/longhoang2984/flutter_dating_app_ui" target="_blank" rel="noopener">Dating App UI</a></li>
<li><a href="https://github.com/abuanwar072/E-commerce-Complete-Flutter-UI" target="_blank" rel="noopener">Ecommerce App</a> </li>
<li><a href="https://github.com/kiko-g/recipes_flutter_app" target="_blank" rel="noopener">Recipes App</a></li>  
<li><a href="https://github.com/sooxt98/flutter_music_player" target="_blank" rel="noopener">Music Player App</a></li>
</ul>

<h2 id="courses">Online Courses</h2>

 Learn Flutter via step-by-step video courses:

<ul>
<li><a href="https://www.udemy.com/course/flutter-bootcamp-with-dart/" target="_blank" rel="noopener">Flutter Bootcamp by Angela Yu</a> on Udemy</li>  
<li><a href="https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905" target="_blank" rel="noopener">Flutter Course by Google</a> on Udacity</li>
<li><a href="https://www.coursera.org/specializations/flutter" target="_blank" rel="noopener">Flutter Specialization</a> by Coursera and Google</li>
<li><a href="https://www.pluralsight.com/courses/flutter-getting-started" target="_blank" rel="noopener">Getting Started with Flutter</a> on Pluralsight</li>
<li><a href="https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/" target="_blank" rel="noopener">The Complete Flutter App Development Course</a> by Reed Barger</li>
<li><a href="https://codewithandrea.com/courses/flutter-crash-course/" target="_blank" rel="noopener">Flutter Crash Course 2021</a> by Code with Andrea</li>
</ul>

<h2 id="youtube">YouTube Channels</h2>

Learn Flutter via free video tutorials:  

<ul>
<li><a href="https://www.youtube.com/@flutterdev" target="_blank" rel="noopener">Flutter</a> - The official Flutter channel</li>  
<li><a href="https://www.youtube.com/@TheFlutterWay" target="_blank" rel="noopener">The Flutter Way</a> - Flutter tutorials and beautiful UI videos</li>
<li><a href="https://www.youtube.com/@Fireship" target="_blank" rel="noopener">Fireship</a> - Excellent Flutter and Firebase tutorials</li>
<li><a href="https://www.youtube.com/channel/UCtWyVkPpb8An90SNDTNF0Pg" target="_blank" rel="noopener">Reso Coder</a> - Clean architecture and advanced Flutter topics</li>
<li><a href="https://www.youtube.com/@codewithandrea" target="_blank" rel="noopener">Code with Andrea</a> - Easy to follow tutorials by Andrea Bizzotto</li>
<li><a href="https://www.youtube.com/@Freecodecamp" target="_blank" rel="noopener">FreeCodeCamp</a> - Great course for beginners</li>
</ul>

<h2 id="books">Books</h2>

Dive deeper into Flutter with these books:

<ul>
<li><a href="https://www.oreilly.com/library/view/flutter-in-action/9781617296147/" target="_blank" rel="noopener">Flutter in Action</a> by Eric Windmill</li>
<li><a href="https://www.manning.com/books/flutter-in-action" target="_blank" rel="noopener">Flutter in Action</a> by Eric Jiang</li>
<li><a href="https://www.amazon.com/Learning-Flutter-building-applications-Dart/dp/1789347349" target="_blank" rel="noopener">Learning Flutter</a> by Giridhar Sairam</li>
<li><a href="https://www.amazon.com/Beginning-App-Development-Flutter-Cross-Platform/dp/1484251806/" target="_blank" rel="noopener">Beginning App Development with Flutter</a> by Rap Payne</li>  
<li><a href="https://www.amazon.com/Flutter-Dummies-Barry-Burd/dp/1119584732" target="_blank" rel="noopener">Flutter for Dummies</a> by Barry Burd</li>
<li><a href="https://www.amazon.com/Flutter-Action-Eric-Windmill/dp/1617296147" target="_blank" rel="noopener">Flutter in Action</a> by Eric Windmill</li>
</ul>

<h2 id="podcasts">Podcasts</h2>

Listen to Flutter discussions on your commute:

<ul>
<li><a href="https://www.youtube.com/playlist?list=PLOU2XLYxmsIK0r_D-zWcmJ1plQK5G3x-M" target="_blank" rel="noopener">It's all widgets!</a> - The official Flutter podcast</li>
<li><a href="https://fireside.fm/flutter/rss" target="_blank" rel="noopener">Flutter Firebase Podcast</a> by Jeff Delaney</li>  
<li><a href="https://open.spotify.com/show/2qJVeuTIeG1x5jQBzaxlwC" target="_blank" rel="noopener">The Boring Flutter Development Show</a> by Filip Hracek</li>
</ul>

<h2 id="newsletters">Newsletters</h2>

Stay up to date with these email newsletters:

<ul>
<li><a href="https://flutterweekly.net/" target="_blank" rel="noopener">Flutter Weekly</a></li>


</ul>
<h2 id="websites">Websites</h2>
Useful Flutter blogs, tutorials and resources:

<ul> <li><a href="https://flutter.dev/docs" target="_blank" rel="noopener">Flutter Official Documentation</a> - Definitive source for all things Flutter</li> <li><a href="https://api.flutter.dev/" target="_blank" rel="noopener">Flutter API Reference</a> - Searchable API reference for Flutter and Dart</li> <li><a href="https://flutterawesome.com/" target="_blank" rel="noopener">Flutter Awesome</a> - Widgets, UI kits, plugins and more</li> <li><a href="https://fluttersamples.com/" target="_blank" rel="noopener">Flutter Samples</a> - Collection of high quality Flutter examples</li> <li><a href="https://github.com/Solido/awesome-flutter" target="_blank" rel="noopener">Awesome Flutter</a> - Curated list of Flutter resources on GitHub</li> <li><a href="https://itsallwidgets.com/" target="_blank" rel="noopener">It's All Widgets</a> - Gallery of real world Flutter apps</li> <li><a href="https://medium.com/flutter" target="_blank" rel="noopener">Flutter Medium Publication</a> - Articles, tutorials and updates</li> </ul> <h2>Final Thoughts</h2>
This compilation should help you find almost any resource you need to master Flutter development. Bookmark this page to refer to it often during your learning journey.

Remember that hands-on experience through building your own apps is key - so use these resources to guide your learning, get inspiration and clarify concepts. But nothing beats practicing and improving your skills through real app projects.

So dive in, start coding in Flutter and let us know if you have any other useful resources to add to this list!