awesome-flutter
Курируемый awesome-список · открыть репозиторий ↗
Источник: awesome-flutter — синхронизируется из внешнего репозитория как sparse-субмодуль (только список).
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 👍| ⭐| 👏
Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Video, Voice, Feeds, and Moderation APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
Demonstrations#
Contents#
- Articles
- Videos
- Components
- Navigation
- Template
- Plugins
- Frameworks
- Experimental
- Open Source Apps
- Web
- Utilities
- Bonus
- Community
Articles#
Introduction#
- Google IO 2018 - Building beautiful, flexible user interfaces.
- Presentation - by Helio S. Junior.
- Flutter Web - Ins and Outs of Flutter Web by Nash.
Websites / Blogs#
- Welcome to Flutter - English and French blog dedicated to providing practical solutions to most asked questions about Flutter by Didier Boelens.
- SZAŁKO-BLOG - Step by step advanced design by Marcin Szalek.
- Flutter by Example - Tutorials based on Redux, Firebase, Custom Animations, and UI.
- Flutter Institute - Very original content and tutorials by Brian Armstrong.
- Norbert - In depth articles, features and app creation by Norbert515.
- Flutter Tips - Articles, tips & tricks in the development by Diego Velásquez.
- FilledStacks - Tutorials and guides on development by Dane Mackier.
- Awesome Flutter tips - Tips to help developers increase productivity by erluxman.
- Flutter4Fun - UI Challenge implementation blog by Iman Khoshabi.
- Flutter Stack Weekly - Weekly newsletter on new development and updates curated by Jimmy Sanghani.
Tutorial#
- Animated Chat - Building beautiful UIs by Google Code Labs.
- Firebase Chat - Firebase integration by Google Code Labs.
- Flutter and Dart development - Articles and tutorials by Suragch.
Beginner#
- Roadmap to Flutter Development [5794⭐] - Visual roadmap with principles, patterns, and frameworks for Flutter newbies by Olexandr Leuschenko.
- Layout Cheat Sheet - Extensive examples of layout widgets by Tomek Polański.
- Getting Started with Flutter - by raywenderlich.com.
- Beginner’s Guide [431⭐] - Comprehensive guide to the basics of Flutter and Firebase by Anthony.
Intermediate#
- Flutter state management for minimalists - Understanding app architecture without relying on third-party frameworks by Suragch. See also State Management.
Advanced#
- Rendering Pipeline [1187👍] and Let’s build a render tree - Engine architecture by Adam Barth.
- Render Objects - What are Widgets, RenderObjects and Elements? by Norbert515.
- Streams and RxDart - Skillmatters presentation by Brian Egan.
- Gesture System - Flutter Deep Dive: Gestures by Nash.
- Schemas - Widget, State, Context and InheritedWidget explanations by Didier Boelens.
- Rendering Engine Tutorial - Flutter’s Rendering Engine: A Tutorial by AbdulRahman AlHamali.
- Inherited Widget - Flutter’s InheritedWidget to hold app state by Chema Molins.
- From Mobile to Desktop - Building applications for smartphones and desktops by Marcelo Henrique Neppel.
- Accessibility widgets - Deep dive information about all aspects of accessibility by Muhammed Salih Güler.
- Profiling w/ Timeline - Using the Timeline allows you to find and address specific performance issues in your application by Chinmay Garde.
Advanced graphics rendering#
- Shaders - Fragment shaders, set it up, how it works and making it work by Jochum van der Ploeg.
Howtos#
- Parallax Effect - Parallax & non linear animation by Marcin Szalek.
- Build Flavor - Define build configurations and switch them by Salvatore Giordano.
- Build Flavor - Easily build flavors in Flutter (Android and iOS) with flutter_flavorizr by Angelo Cassano.
Videos#
- Boring Show - Exploration with the Flutter Team.
- Tensor Programming [86🎬] - Very rich content by Tensor Programming.
- Mtechviral [264🎬] - [Hindi/English] Mtechviral Series By Pawan Kumar.
- Flutter in Practice - Free video courses for beginners & non-programmers by Zaiste.
- Whatsupcoders [82🎬] - Free video series on Flutter Widgets by Kamal.
- Reso Coder - Intermediate and advanced videos by Matej Rešetár.
Components#
Demonstrations#
- Official Gallery - Demo for the material design widgets provided by Flutter Team.
- Flutter Examples [7112⭐] - Simple basic isolated apps for devs by Nishant Srivastava.
- Flutter Catalog [2256⭐] - showcasing Flutter components, with side-by-side source code view, by X-Wei.
- Generative Art [479⭐] - Generative Art by Robert Felker.
UI#
- Radial Menu [505⭐] - Animated Radial Menu by Victor Choueiri.
- Tinder Cards [929⭐] - Tinder like cards swipe effect by Ivascu Adrian.
- Flip Panel [614⭐] - Flip panel with built-in animation by HungHD.
- Facebook Reactions [443⭐] - Facebook reactions widget by Duy Tran.
- Flushbar [1023⭐] - Highly configurable Snackbar by Andre Haueisen.
- Stepper Touch [355⭐] - Lateral value stepper nicely animated by Raouf Rahiche.
- Folding Cell [563⭐] - Fold your widget by Faob.
- Liquid Pull To Refresh [1290⭐] - A beautiful and custom refresh indicator by Ayush Agarwal.
- Direct Select [806⭐] - Selection widget with an ethereal, full-screen modal popup by Ivan Yatsouba.
- Before After [1006⭐] - Beautiful slider which makes it easier to display the difference between two images, by Sahil Kumar.
- Scratcher [643⭐] - Scratch card widget which temporarily hides content from user, by Kamil Rykowski.
- Image Sequence Animator [153⭐] - A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file by Ali Yigit Bireroglu.
- Beautiful_Popup [727⭐] - Beautify your app popup by jaweii.
- Credit Card Form [494⭐] - Animated credit card input form Origogi.
- Animated Selection Slide An animated selection widget by swiping by Sezgin Bilgetay.
- Flutter Tags [507⭐] - Tags with different customizations by Di Natale Antonino.
- Flutter Neumorphic [2137⭐] - Ready to use Neumorphic kit for Flutter with 🕶️ dark mode.
- Dough [735⭐] - Widgets for a squishy user interface by Josiah Saunders.
- Card Settings [559⭐] - package for building settings forms by codegrue.
- Timelines [768⭐] - Powerful & Easy to use timeline package by Chulwoo Park.
- Timeline Tile [783⭐] - Tile to help build beautiful and customisable timelines by Julio Bitencourt.
- Rounded Loading Button [358⭐] - Button with a loading indicator, complete with success and error animations by Chris Edgington.
- Flyer Chat [2070⭐] - Community-driven chat UI implementation by the Flyer Chat team.
- Smooth Page Indicator [1383⭐] - Customizable animated page indicator with a set of built-in effects. Milad Akarie.
- Super Editor [?⭐] - Advanced toolkit for building document editors and readers by Flutter Bounty Hunters.
Libraries#
- Forui [1379⭐] - Minimalistic UI library heavily inspired by shadcn/ui by Forus Labs.
- Shadcn [2276⭐] - Shadcn-ui port. Fully customizable UI components.
- TDesign Flutter [951⭐] - A useful UI component library matches the TDesign style by Tencent.
List#
- Super List [384⭐] - Drop-in replacement for SliverList and ListView that can handle large amount of items with variable extents by Matej Knopp.
- Reorderables [759⭐] - Drag&Drop Table, Row, Column, Wrap(Grid) and SliverList elements by Hansheng Chiu.
- Liquid Pull To Refresh [1290⭐] - A beautiful and custom refresh indicator by Ayush Agarwal.
- Infinite Listview [303⭐] - Infinite scroll in both directions by Simon Lightfoot.
- PlutoGrid [725⭐] - Web and desktop datagrid that can be controlled by the keyboard by bosskmk.
- Typeahead [847⭐] - Display overlay suggestions to users as they type by Abdul Rahman Al Hamali.
- Snaplist [456⭐] - Create snappable list views by David Leibovych.
- StaggeredGridView [3206⭐] - GridView with tiles of variable sizes by Romain Rastel.
- Sticky Headers [1131⭐] - Configurable sticky headers by Simon Lightfoot.
Drawers#
- Hidden Drawer Menu [354⭐] - Beautiful drawer mode menu feature with perspective animations by Rafael Almeida Barbosa.
- Flutter Inner Drawer [517⭐] - Easy way to create an internal drawer (left / right) where you can enter a list-menu or other by Di Natale Antonino.
Bottom bars#
- Fancy Bottom Navigation [808⭐] - Animated bottom navigation by Tony Owen.
- Circular Bottom Navigation [680⭐] - Beautiful animated bottom navigation bar by Iman Khoshabi.
- Bottom Navy Bar [1069⭐] - Beautiful and colorful animated bottom navigation bar by Pedro Massango.
- Titled Navigation Bar [370⭐] - Animated bottom navigation bar that switch between icon and title by Pedro Massango.
- Google Nav Bar [772⭐] - A modern google style nav bar for flutter by Sooxt98.
Bottom Sheets#
- Rubber Bottom Sheet [566⭐] - Elastic material bottom sheet by Mattia Crovero.
- Modal Bottom Sheet [1959⭐] - Modal bottom sheet with Material, Cupertino iOS13 or custom appareance by Jaime Blasco.
Sliders#
- RangeSlider [376⭐] - 2-thumb configurable RangeSlider by Didier Boelens.
- Fluid Slider [324⭐] - A slider with a minimal design and fluid like animation by Vamsi Krishna.
- Flutter Xlider [524⭐] - A material design slider and range slider, horizontal and vertical, with RTL support by Ali-Azmoud.
UI Helpers#
- Offline [1245⭐] - Tidy utility to handle offline/online connectivity by Jeremiah Ogbomo.
- In View Notifier List [?⭐] - ListView that notify when widgets are on screen within a provided area by Vamsi Krishna.
- ShowCaseView [1805⭐] - Way to showcase your app features on iOS and Android by Simform.
- Mix [724⭐] - An expressive way to effortlessly build design systems by Leo Farias.
- Blurhash [556⭐] - Compact representation of a placeholder for an image. Encode a blurry image under 30 characters by Robert Felker.
Material Design#
- Unicorn Speed Dial [345⭐] - Floating Action Button with Speed Dial by Tiago Martins.
- Slidable [2828⭐] - Slidable list item with left and right slide actions by Romain Rastel.
- Backdrop [341⭐] - Backdrop implementation for flutter.
Effect#
- Frosted Glass - Render effect by Collin Jackson.
- Parallax [876⭐] - ViewPager by Iiro Krankka.
- Shimmer [1832⭐] - Shimmer effect while content is loading by HungHD.
- Wave [1122⭐] - Displaying some waves with custom color, duration, floating and blur effects by RockerFlower.
- Liquid Swipe - Liquid swipe to your stacked containers by Sahdeep Singh.
- PhotoFilters [427⭐] - Apply filters to an image by Sharafudheen KK.
- Shine [149⭐] - Pretty shadows with dynamic light positions by Jonathan Monga.
- Clay Containers [456⭐] - Neumorphic widget primitives to serve as the foundation of your own designs by Michael Charles.
Calendar#
- Calendar Widget [243⭐] - Calendar widget by David Bennett.
- Calendar Carousel Widget - Calendar carousel by dooboolab
- Table Calendar [1937⭐] - Calendar organized neatly into a Table, with vertical autosizing by Aleksander Woźniak.
- Time Planner [238⭐] - A beautiful, easy to use and customizable time planner for flutter mobile, desktop and web by Mohammad Jamalianpour.
Backend-Driven#
- Dynamic Widget [1630⭐] - Build your dynamic UI with json, and the json format is very similar with flutter widget code by Denny Deng.
Image#
…превью ограничено; полный список — в репозитории.



