flutter/README.md

# Awesome Flutter, getting you effective quickly [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

[<img src="https://flutter.io/images/flutter-mark-square-100.png" align="right" width="100">](http://flutter.io)

> An awesome style list that curates the best [Flutter](http://flutter.io) libraries, tools, tutorials, articles and more.

Flutter is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase.

The goal is to enable developers to deliver high-performance apps that feel natural on different platforms. We embrace differences in scrolling behaviors, typography, icons, and more.

Contributions welcome. Add links through pull requests or create an issue to start a discussion.

<div style="text-align: center"><table><tr>
    <td style="text-align: center">
        <img src="https://cdn-images-1.medium.com/max/1600/1*te0NUsn8_bj0S1VyvF_awA.gif" width="200" />
    </td>
    <td style="text-align: center">
        <img src="https://cloud.githubusercontent.com/assets/1295961/25781521/5e2a9738-333b-11e7-825d-a6672b1f0b73.gif" width="200"/>
    </td>
    <td style="text-align: center">
        <img src="https://cloud.githubusercontent.com/assets/1295961/25817980/5d9033ca-3429-11e7-8cb3-7c939cba80ba.gif" width="200"/>
    </td>
   
</tr></table></div>

## General Introduction Video

<a href="https://www.youtube.com/watch?v=0ijVuVtu6a4">
<img width="500" alt="screen shot 2017-05-09 at 14 24 22" src="https://cloud.githubusercontent.com/assets/1295961/25850635/566cea6c-34c3-11e7-846e-aea01f4ef94a.png">
<br>
Droidcon Italy 2017 // A new hope - Eugenio Marletti & Sebastiano Poggi
</a>

## Coming Events

<table><tr>
    <td style="text-align: center">
    <img src="https://www1-lw.xda-cdn.com/files/2017/03/Google-IO-2017-Agenda-Page-Updated-with-Scheduled-Sessions.png" width="250">
    <a href="https://events.google.com/io/schedule/?section=may-19&sid=496d01fb-2139-4fd6-84b2-e585d1a20e61&track=firebase">
        <br/>1. Single Codebase, Two Apps with Flutter and Firebase</a>
        <a href="https://events.google.com/io/schedule/?section=may-19&sid=fed907cf-4b51-4337-8ee0-43bca96dec08">
        <br/>2. Prototyping to Production: Bridging the Gap with a Common Tool </a></td>
</tr></table></div>



Have something that belongs under "Buzzing"? drop me a line: flutter[at]robbieone.com.

## Sections

- [Articles](#articles)
- [Components](#components)
- [Navigation](#navigation)
- [Utilities](#utilities)
- [Seeds](#seeds)
- [Plugins](#plugins)
- [Open Source Apps](#open-source-apps)
- [Frameworks](#frameworks)
- [Books](#books)
- [Videos](#videos)
- [Blogs](#blogs)
- [Bonus](#bonus)


## Articles

### Begin with

- [FLUTTER from Install to ListView](https://medium.com/@develodroid/flutter-i-intro-and-install-a8bf6dfcc7c8) - A full serie of 4 articles by [Chema Rubio](https://twitter.com/develodroid)
- [Zero to One with Flutter](https://medium.com/dartlang/zero-to-one-with-flutter-43b13fd7b354) - by [Mikkel Ravn](https://medium.com/@mravn)

### Misc

- [Zero to One Flutter Animation](https://medium.com/dartlang/zero-to-one-with-flutter-part-two-5aa2f06655cb) - by [Mikkel Ravn](https://medium.com/@mravn)

### Tutorial

- [Coding an Android App](https://code.tutsplus.com/tutorials/developing-an-android-app-with-flutter--cms-28270) by [Ashraff Hathibelagal](https://github.com/hathibelagal)

### Advanced

- [Rx Search](https://github.com/ReactiveX/rxdart/tree/master/example/flutter/github_search) - Using RxDart to animate a Search Widget.
- [Flutter with Dart Streams](https://gitlab.com/brianegan/flutter_stream_friends) - by Brian Egan
- [Bubbling & Notification](https://rxlabz.github.io/dart,/flutter/2017/04/26/flutter-notification.html) - French by [Erick Ghaumez](https://twitter.com/rxlabz)

### Howtos

- [Animate List Addition](https://github.com/flutter/friendlychat-flutter/blob/master/full/lib/main.dart#L70) - Animation of an element added to a list
- [Drag&Drop](https://github.com/rxlabz/flutter_dropcity) - by [Erick Ghaumez](https://twitter.com/rxlabz)

## Components

### Demonstrations

- [🔥Flutter Gallery](https://github.com/flutter/flutter/tree/master/examples/flutter_gallery) - Demo app for the material design widgets and other features provided by Flutter.
- [Posse Gallery](https://github.com/flutter/posse_gallery) by [POSSE PRODUCTIONS LLC.](http://goposse.com)

### UI

- [Image Picker](https://github.com/flutter/image_picker) - by [Collin Jackson](http://www.collinjackson.com)

### Navigation
- [Flutter Route](https://github.com/goposse/flutter-router) - Router.define "/users/:id" by [POSSE PRODUCTIONS LLC.](http://goposse.com)

#### Navigation/Routing Articles
- [Stocks Demo](https://github.com/flutter/flutter/blob/master/examples/stocks/lib/main.dart#L82) - Using onGenerateRoute()

### Auth

- [Facebook Auth](https://medium.com/@segaud.kevin/facebook-oauth-login-flow-with-flutter-9adb717c9f2e) - by [Kevin Segaud](https://twitter.com/kevin_segaud)
- [Google Sign-In](https://github.com/flutter/google_sign_in)
- [Firebase Auth](https://github.com/flutter/firebase_auth)

### Text & Rich Content

- [Flutter Markdown](https://github.com/flutter/flutter/tree/master/packages/flutter_markdown) - A markdown renderer for Flutter. It supports the original format, but no inline html.
- [Time Ago](https://github.com/andresaraujo/timeago.dart) - by [Andres Araujo](http://andresaraujo.co) who start publishing it *2 years ago* ;)
- [Image Placeholder](https://github.com/FaisalAbid/pluto) - While large images load, show a fallback asset by [Faisal Abid](https://twitter.com/FaisalAbid)

### Analytics

- [Usage](https://github.com/dart-lang/usage) - A Google Analytics wrapper for command-line, web, and Flutter apps.
- [Firebase Analytics](https://github.com/flutter/firebase_analytics) Firebase Analytics for Flutter

### Build & Development

- [Flutter Plugin for Intellij](https://github.com/flutter/flutter-intellij)
- [Observatory](https://flutter.io/debugging/#dart-observatory-statement-level-single-stepping-debugger-and-profiler) A Profiler for Dart Apps, allocated memory, fragmentation, leaks, timing.
- [Travis CI for Flutter](https://github.com/yjbanov/flutter_travis_sample) - by [Yegor Jbanov](https://twitter.com/yegorjbanov)

### Styling

- [Frosted Glass](http://stackoverflow.com/questions/43550853/how-do-i-do-the-frosted-glass-effect-in-flutter) by [Collin Jackson](http://www.collinjackson.com)

### System

- [Sky Engine](https://github.com/flutter/engine) Where magic begins

### Web

### Media

- [Audio Plugin](https://github.com/rxlabz/flutter_audio) - Beta by [Erick Ghaumez](https://twitter.com/rxlabz)
- [Video Player](https://github.com/rxlabz/flutter_videoplayer) - Beta by [Erick Ghaumez](https://twitter.com/rxlabz)
- [WebP/WebM](https://github.com/flutter/flutter/issues/9857)

### Storage

- [Firebase Storage](https://github.com/flutter/firebase_storage)

### Integrations


### Monetization

- [Users want to display ads in their Flutter apps](https://github.com/flutter/flutter/issues/8098)

### Animation

- [Lottie](https://github.com/fabiomsr/lottie-flutter) - After Effect for Flutter ???

## Utilities 

- [Dobx](https://github.com/dobx/dobx) - A micro library inspired by vue's observables by [David Yu](https://gitlab.com/dyu)
- [EventSource](https://github.com/stevenroose/dart-eventsource) - Server Sent Event by [Steven Roose](http://stevenroose.org)

## Seeds

## Plugins

Plugins / IOS - Android  additions

- [Flutter Plugins](https://github.com/flutter/plugins/tree/master/packages) - Official Flutter Team Plugins
- [Share Plugin](https://github.com/xster/flutter-plugin-share)
- [WebView](https://github.com/dart-flitter/flutter_webview_plugin) - by [Hadrien Lejard](https://twitter.com/HadrienLejard)  
- [Pub Plugins](https://pub.dartlang.org/flutter/plugins) - Flutters plugins filter in Dart Pub Repository

### Swift

- [Plugin Swift Template](https://github.com/rxlabz/FlutterSwiftPlugin-template) - by [Erick Ghaumez](https://twitter.com/rxlabz)

## Open Source Apps

- [FriendlyChat](https://github.com/flutter/friendlychat-flutter) - An Offline/Firebase chat
- [Flutter News](https://github.com/andresaraujo/flutter_news) - A Hacker News client by [Andres Araujo](http://andresaraujo.co)
- [Flitter](https://github.com/dart-flitter/flitter) - A Glitter app by [Hadrien Lejard](https://twitter.com/HadrienLejard) and [Kevin Segaud](https://twitter.com/kevin_segaud). It use the Redux and Jaguar !
- [Cooking App](https://github.com/oscarcpozas/cooking-app-flutter) - by Óscar Caballero in the kitchen

### Games

- [Flutter Game Demo](https://github.com/vlidholt/game) - Demo game for Flutter and Flutter Sprites by Viktor Lidholt

## Frameworks

### Flux / Redux

- [Flutter Flux](https://github.com/jimbeveridge/flutter_flux) - A Flux implementation for Flutter
- [GreenCat](https://github.com/alexeieleusis/greencat) - A port of Redux to Dart, including Redux Thunk
- [Redux](https://pub.dartlang.org/packages/redux) - Redux for Flutter
- [WFlux](https://github.com/Workiva/w_flux) - A Dart app architecture library with uni-directional data flow inspired by RefluxJS and Facebook's Flux.

### Web

- [Butterfly](https://github.com/yjbanov/butterfly) - A web framework for Dart based on Flutter's widget model
- [Angel & Flutter](https://github.com/angel-example/flutter) - Simple todo app with Flutter and an Angel backend by [Tobe Osakwe](http://thosakwe.com)

## Problem & Solution

## Books


## Videos

- [Encode/Decode Json request](https://www.youtube.com/watch?v=JuQbAKPIYnw&t=83s) - by [Brandon Donnelson](https://twitter.com/branflake2267)
- [Hero Widget](https://www.youtube.com/watch?v=0oq6Ofh2WNg) - by [Brandon Donnelson](https://twitter.com/branflake2267)

### Talks

- [Flutter Keynote 2016](https://www.youtube.com/watch?v=Mx-AllVZ1VY) - Keynote: Flutter (Dart Developer Summit 2016) - by Eric Seidel

### Training & tutorials

## Blogs

## Bonus

### Misc
- [First Video as Sky](https://www.youtube.com/watch?v=PnIWl33YMwA) - by Eric Seidel
- [Flutter Birth](https://www.youtube.com/watch?time_continue=2&v=U7qtl7lVKXQ) - Animated graph of Flutter commit - by [Brandon Donnelson](https://twitter.com/branflake2267). What's happening at 2:38 ? Brandon told me it's the Intellij Plugin.

### Published Apps
- [Newsvoice](https://itunes.apple.com/se/app/newsvoice/id1208421834?l=en&mt=8) - Newsvoice shows all the news and perspectives from high quality sources in one place.
- [Bendometer](https://itunes.apple.com/us/app/bendometer/id772557902?mt=8) - A "harmonica tuner". Learn how to play bends on your harmonica.

### Jobs
- [Lefty.io](https://lefty.io/jobs/frontend) - Possibly one of the first companies to hire @flutterio devs !