Looking for an awesome UI kit for Flutter? Here is a curated list of a few awesome Flutter UI design templates to integrate in your Flutter app and save your time on designing widgets. You can check more UI design templates here.
Best Resources to Learn Flutter & DartFlutter is a UI toolkit, developed by Google, and you can use it to create a beautiful native app for desktop, mobile, and web. For faster development and native performance, you can choose Flutter for building an app. Hot Reload and customizable widgets are some notable features of Flutter.
Best Resources to Learn Flutter & Dart
Flutter Tutorial — Fingerprint & Touch ID — Local Auth By using Flutter Local Auth users can authenticate with Fingerprint & Touch ID in Flutter.Flutter Tutorial — Fingerprint & Touch ID — Local Auth
Reverse engineering Flutter apps (Part 2)This is a continuation of Part 1 which covered how Flutter compiles apps and what snapshots look like internally.
Reverse engineering Flutter apps (Part 2)
Flutter Navigator 2.0 and Deep LinksWith Flutter’s Navigator 2.0, learn how to handle deep links in Flutter and gain the ultimate navigation control for your app.
Flutter Navigator 2.0 and Deep Links
Build Flutter Apps Fast with Riverpod, Firebase, Hooks, and FreezedToday, I’m going to teach you how to build a fully functional shopping list app using Riverpod, Firebase, Hooks, and Freezed. With this combination, we’re able to greatly reduce the amount of boilerplate code we have to write when developing apps.
Build Flutter Apps Fast with Riverpod, Firebase, Hooks, and Freezed
scaled_listA Horizontal List view with Lots of modification including a scaled current item. Provided with curved custom painting and Dots indictor below it. It makes the widget of item builder responsive to the device screen’s width and height. You can also set the relative width, margin width, height of selected and unselected Card to the entire screen
Very Good CLIA Very Good Command Line Interface for Dart.
VeryGoodOpenSource/very_good_cli
Flutter Basics — How Flutter renders the contents on the screen?After reading my previous article in this series, you would be wondering that how actually flutter rebuilds widgets. Every widget has its own build method and they are called often! During a complete rebuild, how much of a performance hit do we encounter?
Flutter Basics - How Flutter renders the contents on the screen?
Flutter Web: Twitch OAuth2 authentication flow implementationI had a hard time figuring how to implement this kind of authentication flow while a solution was actually quite simple. Today I am going to explain it using Twitch’s API as an example.
Flutter Web: Twitch OAuth2 authentication flow implementation
Adaptive Layouts part 2 (The Boring Flutter Development Show, Ep. 46) Filip and Fitz jump back into the app they started working on in part 1 with adaptive layout. They switch to an expandable desktop window and explore how flexible their layout should be and troubleshoot issues that arise when working on an adaptive layout.Adaptive Layouts part 2 (The Boring Flutter Development Show, Ep. 46)
Dart vs Kotlin: detailed comparisonDart vs Kotlin? Both Dart and Kotlin have been gaining a lot of traction in recent years, though they have been around for a pretty long time.
Dart vs Kotlin: detailed comparison | Codemagic Blog
Messenger Gradient Chat Bubble Effect In FlutterFacebook has taken the world by storm and created a milestone in the UI/UX world by introducing Messenger’s new dynamic chat theme. The dynamic gradient effect on Chat Bubbles while scrolling is an absolutely new concept that the world has seen. So, this gave us a craving to emulate this effect in Flutter.
Messenger Gradient Chat Bubble Effect In Flutter
Design Shapes in Flutter — Introduction to the Morphable Shape PackageShapes and borders are essential aspects of UI frameworks. CSS offers rounded rectangle shapes with four configurable borders out of the box. But you can use clip-path or some smart tricks to generate all kinds of shapes. It would be great to have those features in Flutter as well.
Design Shapes in Flutter — Introduction to the Morphable Shape Package
swipeable_card_stackThis is Tinder like swipeable cards package. You can add your own widgets to the stack, receive all four events, left, right, up and down. You can define your own business logic for each direction.
codetoart/cta-flutter-tinder-card-animation
Flutter Fortune WheelThis Flutter package includes wheel of fortune widgets, which allow you to visualize random selection processes. They are highly customizable and work across mobile, desktop and the web.
flutter_fortune_wheel | Flutter Package
Flutter and PWAs with Chris Sells | All Hands on Tech podcast Jeremy speaks with Chris Sells, who is a Senior Product Manager at Google with the Flutter team. They discuss progressive web apps, Flutter, and online backgammon over Telnet.Flutter and PWAs with Chris Sells | All Hands on Tech podcast
flutter_pw_validatorFlutter Password Validator package helps you to validate sign-in user-entered passwords with your rules.
flutter_pw_validator | Flutter Package
Build an iMessage Clone with Stream’s Flutter Chat SDKIn this tutorial, we’ll build a functional clone of iMessage using Stream Chat Flutter SDK. Building a chat in your app at scale is not an easy task; but in this tutorial, you’ll get a chat experience up and running in roughly 20 minutes! You can follow this tutorial without a deep knowledge of Flutter, a basic understanding of the layout system, Row and Column, we’ll do.
Build an iMessage Clone with Stream’s Flutter Chat SDK
beamerHandle your application routing, synchronize it with browser URL and more. Beamer uses the power of Navigator 2.0 API and implements all the underlying logic for you.
flutter_inappwebviewA Flutter plugin that allows you to add an inline webview, to use an headless webview, and to open an in-app browser window.
flutter_inappwebview 5.0.0-nullsafety.0 | Flutter Package
CICD P1. Multiple Firebase Environments in FlutterThis will be first part of multi-part series, which will introduce ultimate CICD configuration for Flutter. I’ll split it to individual small tutorials as they standalone can contribute to many developers already.
CICD P1. Multiple Firebase Environments in Flutter
wa_status_saverA WhatsApp status saver/downloader with flutter.
Baksman/swhatsapp_status_saver
drop_zoneA simple way to bring drag’n’drop to flutter web.
drop_zone is commonly used for file choosing by dragging and dropping a file(s) onto a designated widget. The user can then use the dropped html file(s).
Flutter app’s state in IsolateThere are many ways to manage state in Flutter, but most of them are built in such a way that all the logic is executed in the main isolate of your application. Execution of network requests, working with WebSocket, potentially heavy synchronous operations (like local search), all this, as a rule, is implemented in the main isolate. This article will show other doors as well.
Flutter app’s state in Isolate
In this post i’ll cover how to do a quick and dirty pagination using the GridView widget in Flutter. This approach will also work with other components such as the ListView or just a collection of widgets layed out in a Column or Row, with a few tweaks of course.
Flutter gridview simple pagination
dimensionA Flutter package that introduce the Dimension/Length class. It mimics the css length system and currently supports four units including px, percentage, vw and vh. The user would need to supply the constraint value and the screen size in order to get a px value from the Length class.
Flutter — Handling Application Lifecycle | Flutter TutorialIn this Flutter Tutorial, we will be taking an in-depth look at handling Application Logic on the application life cycle States such as resumed, paused, inactive or detached. We will write a basic timer app to pause when the application is in the background and resume when the app comes to the foreground.
[Flutter — Handling Application Lifecycle]
Flutter Tutorial: Hotel Booking App UIBuilding a Hotel Booking app and looking for inspiration? Look no further, we will build two screens of a super clean hotel booking app using Flutter.
Getting Started With Flutter (A 3 part guide)Flutter is a UI toolkit, allowing you to build a native UI across mobile, web and desktop. The beauty of Flutter is this is possible from a single codebase using declarative UI.
Getting Started With Flutter: Part One
Flutter Instagram UIInstagram UI application which built with Flutter
Ep. 008 — Fills and strokes | Flutter ProcessingToday, we implement fill(), noFill(), stroke(), and noStroke().
Ep. 008 — Fills and strokes | Flutter Processing
bgg_apiBoard Game Geek XML API client (version 2)
This package was inspired by bgg.dart package, which works with first version of BGG API.
bgg_api 0.3.0-nullsafety | Dart Package
Flutter TabBar: A complete tutorial with examplesApps often have different categories of content or features available to users. Naturally, you want your users to be able to quickly glance at each option and move between categories with a simple swipe. That’s where the Flutter TabBar class comes in.
Flutter TabBar: A complete tutorial with examples - LogRocket Blog
This is a companion discussion topic for the original entry at https://localazy.com/blog/flutter-force-developers-tips-110