Flutter: Building Beautiful, Cross-Platform Apps with Google’s UI Toolkit

Flutter, developed by Google, is a versatile UI toolkit that empowers developers to create stunning, natively compiled applications for various platforms, including mobile, web, and desktop, all from a single codebase. This innovative framework has gained immense popularity for its ability to streamline the app development process and deliver consistent, visually appealing user experiences across different devices and platforms.

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. 

Flutter: Building Beautiful, Cross-Platform Apps 

Articles

Introduction

Websites / Blogs

Tutorial

Beginner

Intermediate

Advanced

Howtos

Videos

Components

Demonstrations

UI

Sticky Headers

Drawers

Bottom bars

Bottom Sheets

Sliders

UI Helpers

Material Design

Cupertino Design

Effect

Calendar

Login

Backend-Driven

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

Image

Image Picker

Map

Charts

Navigation

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

Auth

Text & Rich Content

Forms

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

Analytics

Internationalization

Styling

  • Flutterial [1437⭐] – Flutter Material Theme explorer by Erick Ghaumez.
  • Pigment [184⭐] – Simple but useful package for use colors in flutter.

Media

Audio

Video

Voice

Storage

Preferences

Monetization

Templates

Clone

  • GitTouch [979⭐] – Open source mobile client for GitHub, GitLab, Bitbucket and Gitea by Rongjian Zhang.

Machine Learning

Vision

Augmented Reality

Plugins

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

Device

Scanner

Bluetooth / NFC / Beacon

Storage

Services

Frameworks

State management

Standard

  • Bloc [8181⭐] – Collection of packages that help implement the BLoC design pattern by Felix Angelov.
  • MobX [2037⭐] – Supercharge the state-management in your apps with Transparent Functional Reactive Programming (TFRP). Port of MobX from the Js/React land.
  • Provider [3974⭐] – State-management library for Flutter by Remi Rousselet.
  • RiverPod [2214⭐] – Provider, but different by Remi Rousselet.
  • GetX – Contextless, State-management & navigation by Jonny Borges.
  • Binder [167⭐] – A lightweight, yet powerful way to bind your application state with your business logic, by Romain Rastel.

Redux / ELM / Dependency Injection

  • Built redux [81⭐] – Automatic subscribing to your redux stores. Based on the built pattern by David Marne.
  • Redux.dart [486⭐] – Port of Redux to Dart with an ecosystem of middleware, Flutter integrations, and time traveling dev tools by John Ryan and Brian Egan.
  • Redux [1522⭐] – Built to work with redux.dart, utilities that allow you to easily consume a Redux Store to build Widgets.
  • Inject [847⭐] – Compile-time dependency injection by Google.
  • Flux [368⭐] – Implementation of the Flux framework by Google.
  • Fish [7214⭐] – Alibaba Redux implementation.
  • Async Redux [199⭐] – Redux without boilerplate. Allows for both sync and async reducers by Marcelo Glasberg.

Widgets

Data

Backend

Animation

Testing

Web

Experimental

This section contains libraries that take an experimental or unorthodox approach.

Engines

Rendering

  • Graphx [293⭐] – Making drawings and animations extremely simple, inspired by Flash, by Roi Peker.

Game

Open source games

Game Engine resources

  • Awesome Flame – Curated list of the best Flame games, projects, libraries, tools, tutorials, articles and more by Flame Engine.

Open Source Apps

Premium

Top

Utilities

VSCode

IntelliJ / Android Studio

Desktop

Books

Learning Flutter – Beginners

Cookbooks