mirror of
https://github.com/Solido/awesome-flutter.git
synced 2025-02-10 15:45:14 -05:00
233 lines
11 KiB
Markdown
233 lines
11 KiB
Markdown
# Awesome Flutter, getting you effective quickly [](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.
|
|
|
|
## Contents
|
|
|
|
- [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) - 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) - Flutter basics 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) - Focus on animation 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) - Setup and first app 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) - by [Erick Ghaumez](https://twitter.com/rxlabz) (French)
|
|
|
|
### 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) - Images Selection 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)
|
|
|
|
### Fuchsia
|
|
- [Armadillo](https://github.com/fuchsia-mirror/sysui) - Armadillo Mega Widgets
|
|
|
|
#### 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) - 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) - 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) 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) - Engine behind Flutter
|
|
|
|
### 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) - Currently in progress
|
|
|
|
### Storage
|
|
|
|
- [Firebase Storage](https://github.com/flutter/firebase_storage)
|
|
|
|
### 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) - 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) - Offline/Firebase chat
|
|
- [Flutter News](https://github.com/andresaraujo/flutter_news) - Hacker News client by [Andres Araujo](http://andresaraujo.co)
|
|
- [Flitter](https://github.com/dart-flitter/flitter) - 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) - Flux implementation for Flutter
|
|
- [GreenCat](https://github.com/alexeieleusis/greencat) - 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) - Dart app architecture library with uni-directional data flow inspired by RefluxJS and Facebook's Flux.
|
|
|
|
### Web
|
|
|
|
- [Butterfly](https://github.com/yjbanov/butterfly) - 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)
|
|
|
|
## 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
|
|
|
|
## Bonus
|
|
|
|
### Misc
|
|
- [First video presenting 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) - "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 !
|
|
|
|
## License
|
|
|
|
[](https://creativecommons.org/publicdomain/zero/1.0/)
|
|
|
|
To the extent possible under law, [Robert Felker](https://github.com/Solido) has waived all copyright and related or neighboring rights to this work.
|