Convert Figma logo to code with AI

Solido logoawesome-flutter

An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.

53,368
6,652
53,368
23
View on GitHub

Top Related Projects

flutter's avatar

flutter

164,677

Flutter makes it easy and fast to build beautiful apps for mobile and beyond

iampawan's avatar

FlutterExampleApps

20,398

[Example APPS] Basic Flutter apps, for flutter devs.

FilledStacks's avatar

flutter-tutorials

4,741

The repo contains the source code for all the tutorials on the FilledStacks Youtube channel.

JideGuru's avatar

FlutterEbookApp

2,979

A simple Flutter app to Read and Download eBooks.

mitesh77's avatar

Best-Flutter-UI-Templates

20,215

completely free for everyone. Its build-in Flutter Dart.

Quick Overview

Solido/awesome-flutter is a curated list of awesome Flutter libraries, tools, tutorials, articles, and more. It serves as a comprehensive resource for Flutter developers, providing a wide range of high-quality content and tools to enhance their development experience and knowledge.

Pros

  • Extensive collection of Flutter resources in one place
  • Regularly updated with new content and tools
  • Well-organized into categories for easy navigation
  • Community-driven with contributions from Flutter developers worldwide

Cons

  • Can be overwhelming for beginners due to the sheer amount of information
  • Some listed resources may become outdated over time
  • Quality of individual resources may vary
  • Requires regular maintenance to keep the list up-to-date

Note: As this is not a code library, the code examples and getting started instructions sections have been omitted.

Competitor Comparisons

flutter logo

flutter

164,677

Flutter makes it easy and fast to build beautiful apps for mobile and beyond

Pros of flutter

  • Official repository maintained by the Flutter team
  • Contains the core Flutter framework and SDK
  • Provides direct access to source code and issue tracking

Cons of flutter

  • Less curated content for beginners
  • Lacks organized lists of third-party packages and resources
  • May be overwhelming for those new to Flutter development

Code comparison

flutter:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

awesome-flutter:

## Articles

- [Flutter's Rendering Pipeline](https://www.youtube.com/watch?v=UUfXWzp0-DU)
- [Flutter's Layered Design](https://medium.com/flutter-community/flutters-layered-design-c1b5d974d1e6)

Summary

flutter is the official repository for the Flutter framework, providing the core SDK and direct access to source code. It's ideal for developers who want to contribute or stay up-to-date with the latest changes.

awesome-flutter is a curated list of Flutter resources, packages, and tools. It's more beginner-friendly and offers a well-organized collection of third-party content, making it easier for developers to find useful resources and learn about the ecosystem.

While flutter focuses on the framework itself, awesome-flutter serves as a comprehensive guide to the Flutter community and ecosystem, helping developers discover valuable tools and resources for their projects.

iampawan logo

FlutterExampleApps

20,398

[Example APPS] Basic Flutter apps, for flutter devs.

Pros of FlutterExampleApps

  • Provides hands-on, practical examples of Flutter apps
  • Offers a wide range of app types, from basic to advanced
  • Includes complete source code for each example app

Cons of FlutterExampleApps

  • May not cover as wide a range of Flutter resources as awesome-flutter
  • Examples might become outdated if not regularly maintained
  • Focuses primarily on app examples, rather than comprehensive Flutter resources

Code Comparison

FlutterExampleApps (Basic Counter App):

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }
}

awesome-flutter (No direct code examples, but might include links to code snippets or tutorials):

## Widgets

- [Swiper](https://github.com/jzoom/flutter_swiper) - Horizontal/Vertical scroll view by [Xueliang Ren](https://github.com/jzoom)
- [Animated Text Kit](https://github.com/aagarwal1012/Animated-Text-Kit) - A collection of cool text animations by [Ayush Agarwal](https://github.com/aagarwal1012)

FlutterExampleApps provides actual code examples, while awesome-flutter typically offers curated lists of resources and links to external projects or tutorials.

FilledStacks logo

flutter-tutorials

4,741

The repo contains the source code for all the tutorials on the FilledStacks Youtube channel.

Pros of flutter-tutorials

  • Provides in-depth, step-by-step tutorials for specific Flutter topics
  • Includes complete project examples with accompanying video explanations
  • Regularly updated with new content and emerging Flutter trends

Cons of flutter-tutorials

  • Focused on a single author's perspective and teaching style
  • May not cover as wide a range of topics as a curated list
  • Requires more time investment to work through full tutorials

Code Comparison

flutter-tutorials often includes full project implementations, while awesome-flutter typically links to external resources. Here's a snippet from flutter-tutorials:

class HomeView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(child: Text('Home View')),
    );
  }
}

awesome-flutter might link to similar code examples but doesn't host them directly in the repository.

Summary

flutter-tutorials offers comprehensive, hands-on learning experiences with detailed explanations and complete project examples. It's ideal for developers who prefer structured, in-depth tutorials from a consistent source. awesome-flutter, on the other hand, serves as a extensive curated list of Flutter resources, offering a broader overview of the ecosystem but with less depth in individual topics. The choice between the two depends on your learning style and specific needs in Flutter development.

JideGuru logo

FlutterEbookApp

2,979

A simple Flutter app to Read and Download eBooks.

Pros of FlutterEbookApp

  • Provides a complete, functional e-book app implementation
  • Offers practical, real-world code examples for Flutter developers
  • Includes features like book downloading, favorites, and search functionality

Cons of FlutterEbookApp

  • Limited to a specific use case (e-book app) compared to the broader scope of awesome-flutter
  • May not cover as wide a range of Flutter topics and resources
  • Less frequently updated compared to awesome-flutter

Code Comparison

FlutterEbookApp (book download function):

Future<void> downloadFile(BuildContext context, String url, String filename) async {
  try {
    // Download implementation
  } catch (e) {
    print(e.toString());
  }
}

awesome-flutter (curated list example):

## Animation

- [Animate Do](https://pub.dev/packages/animate_do) - Animation package inspired in Animate.css by [Fernando Herrera](https://twitter.com/Fernando_Her85).
- [AnimatedTextKit](https://github.com/aagarwal1012/Animated-Text-Kit) - A collection of cool text animations by [Ayush Agarwal](https://github.com/aagarwal1012/).

FlutterEbookApp focuses on practical implementation, while awesome-flutter provides a curated list of resources and packages. The code snippets highlight this difference, with FlutterEbookApp showing actual app functionality and awesome-flutter presenting a markdown list of recommended packages.

mitesh77 logo

Best-Flutter-UI-Templates

20,215

completely free for everyone. Its build-in Flutter Dart.

Pros of Best-Flutter-UI-Templates

  • Provides ready-to-use UI templates for quick implementation
  • Focuses on practical, visually appealing designs
  • Includes complete source code for each template

Cons of Best-Flutter-UI-Templates

  • Limited in scope compared to the comprehensive resource list in awesome-flutter
  • May not cover as wide a range of Flutter topics and tools
  • Fewer community contributions and updates

Code Comparison

Best-Flutter-UI-Templates (Hotel Booking):

class HotelListView extends StatelessWidget {
  final VoidCallback callback;
  final Hotel hotelData;
  final AnimationController animationController;
  final Animation<double> animation;

  const HotelListView({Key? key, required this.callback, required this.hotelData, required this.animationController, required this.animation}) : super(key: key);

awesome-flutter (Example from a linked resource):

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

While awesome-flutter is a comprehensive collection of Flutter resources, Best-Flutter-UI-Templates offers specific, ready-to-use UI designs. awesome-flutter covers a broader range of topics and tools, making it more suitable for learning and exploring the Flutter ecosystem. Best-Flutter-UI-Templates is ideal for developers looking for quick, attractive UI implementations but may not provide the same depth of resources as awesome-flutter.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Awesome Awesome

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. If you appreciate the content 📖, support projects visibility, give 👍| ⭐| 👏

Demonstrations

Instant Chat Integration

Stream

with Stream!

 BMW

BMW Connect

 BlueAquilae Twitter Meteo

Calendar Meteo

Contents

Articles

Introduction

Websites / Blogs

Tutorial

Beginner

Intermediate

Advanced

Advanced graphics rendering

Howtos

Videos

Components

Demonstrations

UI

List

Drawers

Bottom bars

Bottom Sheets

Sliders

UI Helpers

  • Offline [1017⭐] - Tidy utility to handle offline/online connectivity by Jeremiah Ogbomo.
  • ShowCaseView [1427⭐] - Way to showcase your app features on iOS and Android by Simform
  • Mix [460⭐] - An expressive way to effortlessly build design systems by Leo Farias.
  • Blurhash [507⭐] - Compact representation of a placeholder for an image. Encode a blurry image under 30 caracters by Robert Felker

Material Design

Effect

Calendar

Backend-Driven

  • Dynamic Widget [1525⭐] - 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 [3659⭐] - The brightest, hippest, coolest router for Flutter with Navigation, wildcard, query, transitions by Posse
  • Get [10009⭐] - Navigate between screens & display snackbars/dialogs/bottomSheets without context by Jonny Borges
  • Beamer [577⭐] - Route through guarded page stacks and URLs using the Navigator 2.0 API effortlessly by Sandro Lovnički
  • auto_route [1506⭐] - AutoRoute is a declarative routing solution, where everything needed for navigation is automatically generated for you. Milad_Akarie.

Auth

Text & Rich Content

Forms

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

Analytics

  • Usage [146⭐] - Google Analytics wrapper for command-line, web, and Flutter apps
  • Firebase Analytics - Connect to Firebase Analytics API

Internationalization

Styling

Media

  • photo_manager [652⭐] - Provides assets (image/video/audio) abstraction management APIs that can be easily integrated with custom UI widgets by CaiJingLong and Alex Li.

Audio

Video

Voice

Storage

Preferences

Monetization

Templates

Clone

  • GitTouch [1524⭐] - Open source mobile client for GitHub, GitLab, Bitbucket and Gitea by Rongjian Zhang
  • RustDesk [67590⭐] - Open source virtual / remote desktop. TeamViewer alternative. Built with Rust by RustDesk team

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 [11518⭐] - Collection of packages that help implement the BLoC design pattern by Felix Angelov
  • Provider [5056⭐] - State-management library for Flutter by Remi Rousselet
  • RiverPod [5940⭐] - Provider, but different by Remi Rousselet
  • Get It [1282⭐] - Simple direct Service Locator that allows to decouple the interface from a concrete implementation by Thomas Burkhartb
  • GetX [10009⭐] - Contextless, State-management & navigation by Jonny Borges
  • MobX [2376⭐] - Supercharge the state-management in your apps with Transparent Functional Reactive Programming (TFRP). Port of MobX from the Js/React land.
  • Signals [374⭐] - Reactive programming made simple. Port of Signals pattern by Rody Davis

Redux / ELM / Dependency Injection

  • Redux.dart [512⭐] - Port of Redux to Dart with an ecosystem of middleware, Flutter integrations, and time traveling dev tools by John Ryan and Brian Egan
  • Redux [1647⭐] - Built to work with redux.dart, utilities that allow you to easily consume a Redux Store to build Widgets
  • Async Redux [226⭐] - Redux without boilerplate. Allows for both sync and async reducers by Marcelo Glasberg

Widgets

Data

Backend

Animation

Testing

  • flutter_convenient_test [464⭐] - Tests with action history, time travelling, screenshots, rapid re-execution, video recordings, interactive mode by fzyzcjy
  • Patrol [812⭐] - Easy-to-learn, powerful UI testing framework eliminating limitations of flutter_test, integration_test, and flutter_driver by LeanCode

Web

Experimental

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

Engines

Rendering

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

Game

  • Flame [8956⭐] - Minimalist game engine by Luan Nico
  • Bonfire [1168⭐] - Flame engine based game engine for 2D RPG games
  • Zerker [670⭐] - Lightweight and powerful graphic animation library by drawcall.

Open source games

Game Engine resources

  • Awesome Flame [992⭐] - Curated list of the best Flame games, projects, libraries, tools, tutorials, articles and more by Flame Engine

Open Source Apps

Premium

  • AppFlowy [50175⭐] - Open Source Notion Alternative. You are in charge of your data and customizations. Built with Flutter and Rust by AppFlowy team
  • RustDesk [67590⭐] - Open source virtual/remote desktop and TeamViewer alternative. Built with Flutter and Rust by RustDesk team.
  • Spotube - Open source Spotify client for desktop and mobile by Kingkor Roy Tirtho

Top

Utilities

VSCode

IntelliJ / Android Studio

Desktop

Podcasts

English

Portuguese

Spanish

Russian

Bonus

Fun

Hardware

Guide & Interviews

Community

Presentation material

  • Logo - Logo for stickers impressions

Communication

Misc

🇦🇴 Angola

🇦🇺 Australia

Bangladesh

🇧🇷 Brazil

cm Cameroon

🇨🇦 Canada

🇨🇮 Côte d'Ivoire (Ivory Coast)

🇩🇰 Denmark

🇪🇹 Ethiopia

🇫🇷 France

🇩🇪 Germany

🇬🇷 Greece

🇮🇹 Italy

🇮🇳 India

🇮🇱 Israel

🇮🇩 Indonesia

🇯🇵 Japan

🇰🇪 Kenya

🇰🇷 Korea

🇲🇾 Malaysia

🇳🇬 Nigeria

🇵🇰 Pakistan

🇵🇭 Philippines

🇵🇱 Poland

🇵🇹 Portugal

🇵🇪 Peru

🇷🇺 Russia

🇪🇸 Spain

🇱🇰 Sri Lanka

🇹🇷 Turkey

🇺🇦 Ukraine

🇬🇧 United Kingdom

🇺🇸 United States

🏴 Kurdistan

🇳🇴 Norway

🇺🇿 Uzbekistan

License

CC0

To the extent possible under law, Robert Felker has waived all copyright and related or neighboring rights to this work.