extheme A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance ..
Author : Flutterappworld
Application for Tracking Daily Money Usage in hope of helping me save money, made with Flutter. Available in Google Play Store Development Status I’ve added everything I wanted to add for my personal need which includes the functions and support for Dollars and Korean Won. If requested, I can add more currency, but unless I come ..
music-player-flutter Flutter music player application which is my personal project published to play store. Project structures are as following, lib– App Features: | – Dynamic theme and save with Shared Preferences |__core – Shuffle and play random song |__cache – Volume controller (Thanks for cihatislamdede) |__app_shared_pref.dart |__components |__circulat_button_atom.dart |__constants |__asset_constants.dart |__size_constants.dart |__extension |__size_extension.dart |__init |__notifier ..
My Emotion A flutter app face detection and emotion, can detect if you’re smiling, big smiley, sad or if there is not face on the screen. News feactures will be add as soon as possible Here is a demo video myemotion.mp4 Getting Started This project was developed using these package: google_ml_kit : A Flutter plugin to ..
WhatsAppUIClone It is a copy of the WhatsApp design. What’s inside Chat list Chat detail screen Statuses page Story view search page Images related to the application Download WhatsApp UI Clone source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
App HTTP Client App HTTP Client is a wrapper around the HTTP library Dio to make network requests and error handling simpler, more predictable, and less verbose. Tutorial Note: This tutorial is the first of a multipart series where we craft an auth-enabled app that provides both anonymous and authenticated user flows while storing data ..
Agora UI Kit for Flutter Instantly integrate Agora video calling or video streaming into your Flutter application. Getting started Roadmap Add Usernames More Event Callbacks Screen Sharing Layout for Voice Calls Re-orderable list view (Floating Layout) Cloud recording Promoting an audience member to a broadcaster role. Muting/Unmuting a remote member Flutter Web Support as a ..
well_formed Short Intor: A Flutter form field package designed to relieve developers of much of the form-related coding. It provides field masking, validation, smart trimming, and more. Contents Overview Getting Started Demo application Overview Well-Formed Widget Fields — Well-Formed is a form field package designed to relieve developers of much of the form-related coding. This ..
lan_scanner Dart / Flutter package that allows discovering network devices in local network (LAN). Note: This library is intended to be used on Class C networks. This project is a rework of already existing ping_discover_network, however it is no longer maintained. pub.dev page | API reference Getting Started Add the package to your pubspec.yaml: lan_scanner: ^2.0.0 Import the library: import ‘package:lan_scanner/lan_scanner.dart’; Create an ..
LoForm LoForm is still experimental, missing features and bugs are to be expected. LoForm is a low-code and lightweight Flutter form library, inspired by Formik — the world’s most popular form library for React, used in production at Airbnb, Stripe, NASA and more. Features No boilerplate: 90% less code compared to bloc + formz. Informational: provides a lot of useful states (touched, status, error) for ..
Experimental Cronet Dart bindings This package binds to Cronet’s native API to expose them in Dart. Supported Platforms Currently, 64 bit Android and Desktop Platforms (Linux, Windows and MacOS) are supported. Requirements Dart SDK 2.12.0 or above. CMake 3.10 or above. (If on windows, Visual Studio 2019 with C++ tools) C++ compiler. (g++/clang/msvc) Android NDK if targeting ..
Dashmon A minimalistic CLI tool to run Flutter applications and auto hot reload it when files are changed. It will watch changes your application code and trigger a hot reload everytime a change happens. Install Running To run dashmon, just change the flutter run command to dashmon: All arguments passed to it will be proxied to the flutter run command, ..
Shark Flutter (Official) A Flutter server rendering framework What it is Shark is a server rendering framework, a server-driven UI framework. Simple use case of shark Let say you have a text widget, you specify it as json on the server return to the client, the client use shark to receive the text widget and show the UI ..
Flutter fluency optimization component “Keframe” Page switching fluency improved: How to use Project depend on： Quick learning Constructor Description: Example explanation: 1. The actual item size in the list is known 2. The actual item height in the list is unknown 3. Estimate the number of items in a screen 4. Non-list scenarios The cost ..
ThingsBoard PE API client library for Dart developers. Provides model objects and services to communicate with ThingsBoard PE platform using RESTful APIs and WebSocket protocol. Current client version is compatible with ThingsBoard PE starting from version 3.3.0PE. Usage A simple usage example: import ‘package:thingsboard_pe_client/thingsboard_client.dart’; main() async { try { var tbClient = ThingsboardClient(‘https://thingsboard.cloud’); await tbClient.login(LoginRequest(‘tenant@thingsboard.org’, ..
Grocery_APP This is an online grocery selling app developed using flutter and firebase for a grocery shop.This app was developed for one of my client’s grocery stores.The main aim of making this project open source is because this project will cover all the basics of flutter and firebase. App Screenshots More screenshots are available in ..
BMI Calculator Short Intor: An android application built using Flutter that computes the Body Mass Index of person and suggestion to carry ,by taking Inputs (Weight, Height, and Age), Built using Flutter. Our Goal The objective of this tutorial is to look at how we can customise Flutter Widgets to achieve our own beautiful user ..
Flutter Code Generation Examples Code generation packages/tools used in the app: flutter_localization/intl build_runner flutter_gen/flutter_gen_runner freezed/freezed_annotation json_serializable mason Presentation Presentation slides are provided here. Talk video could be found here: TBD. Building You can follow these instructions to build the app and install it onto your device. Prerequisites If you are new to Flutter, please first follow ..
Social Media App Screenshots Login Login Error Sign up Edit Profile Filled Edit Profile Profile Getting Started To run this Project you’ll need an account on the Supbase. After creating an account run below query from the Supabase SQL editor to create required table. — Create a table for Profiles create table if not exists profiles ..
Flutter is getting more popular as cross-platform app development. Since it has been growing day-by-day we are getting more valuable packages, libraries, and framework that really help full for us. Here we are listing top 10 Flutter pacakes that have been suggest throuh the users on our Flutter App Development LinkedIn page. 1. flutter_bloc: Shot ..
A (work-in-progress) demonstration of: (1) a full-stack Flutter application utilizing Firebase and Google Cloud, and (2) ranked voting with the Condorcet Method. Components Event flow YouTube discussion about the project From July 29, 2021 Getting started and local development Copy server/server_config.example.yaml to server/server_config.yaml and populate the entries. See the details in server/lib/src/service_config.dart for the expected values.TODO explain the values needed to run locally vs to deploy. Make sure ..
reactives A new way for Flutter to reuse/group common logic. Think of them like React hooks but for and of flutter. Motive Have you ever written code like this? class AwesomeWidget extends StatefulWidget { const AwesomeWidget({Key? key}) : super(key: key); @override _AwesomeWidgetState createState() => _AwesomeWidgetState(); } class _AwesomeWidgetState extends State<AwesomeWidget> with TickerProviderStateMixin { late final ..
Unofficial Bavatar dart app for android, iOS and macOS Generated by the Very Good CLI Getting Started This project contains 3 flavors: development staging production To run the desired flavor either use the launch configuration in VSCode/Android Studio or use the following commands: # Development $ flutter run –flavor development –target lib/main_development.dart # dont add –flavor ..
statistics Statistics package for easy and efficient data manipulation with many built-in mathematical functions and units. Usage Numeric extension: import ‘package:statistics/statistics.dart’; void main() { var ns = [10, 20.0, 30]; print(‘ns: $ns’); var mean = ns.mean; print(‘mean: $mean’); var sdv = ns.standardDeviation; print(‘sdv: $sdv’); var squares = ns.square; print(‘squares: $squares’); } OUTPUT: Statistics import ‘package:statistics/statistics.dart’; ..
wired_elements Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. It’s the Flutter implementation of wired-elements. It’s base on the library of flutter_rough. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: wired_elements: <latest_version> Basic usage For ..
quran_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance ..
CarrotMMU The only first & the last app that made by student and for students! Feature lists Timetable Attendance Bulletin annnoucement Pastyear papers Search class by code (to be done) What’s next? feedback are welcome Future Roadmap Google meet link save to timetable Search for others course schedule Timetable widget Notification reminder for upcoming class ..
Skeletons A Flutter package for building custom skeleton widgets to mimic the page’s layout while loading. Examples Items ListView (Default) ListView (Custom) ListView (Complex Cards) SkeletonTheme Light/Dark modes Right-To-Left Custom Shimmer All examples can be found here examples. How To Use Can be used by encapsulating the child widget in a Skeleton widget: import ‘package:skeletons/skeletons.dart’; Skeleton( ..
Flutter Translation Sheet Generator [fts] Command line application to make your l10n super fast. Compose your strings in yaml/json format and use GoogleSheet for auto translate. WIKI and setup Follow the Wiki pages for detailed instructions on the usage and project examples. Install: You need to have flutter or dart SDK in your System PATH. flutter pub global activate flutter_translation_sheet Now ..
Flutter weekly chart The Flutter app demonstrates displaying data in a weekly format. I came across this kind of screen in the app that I have been working on called Ergonomic Productivity Timer and I want to share the code of the weekly chart screen. If you find this helpful don’t forget to leave a star at ..
Beacons Flutter plugin to work with beacons.Supports Android API 16+ and iOS 8+. Features: Automatic permission management Ranging Monitoring (including background) Supported beacons specifications: iBeacon (iOS & Android) Altbeacon (Android) Installation Add to pubspec.yaml: dependencies: beacons: ^0.3.0 Note: The plugin is written in Swift for iOS.There is a known issue for integrating swift plugin into Flutter project ..
Beacon Broadcast plugin for Flutter A Flutter plugin for turning your device into a beacon. Usage To use this plugin, add beacon_broadcast as a dependency in your pubspec.yaml file and import: import ‘package:beacon_broadcast/beacon_broadcast.dart’; Now you can create BeaconBroadcast object and start using it: Important note: For Android app, user needs to turn on Bluetooth on ..
arcore_flutter_plugin Short intro: Flutter plugin for ARCore SDK, Android platform to build new augmented reality experiences. Thanks to Oleksandr Leuschenko for inspiration and his precious code: arkit_flutter_plugin Usage I wrote 2 articles for setup you project and start with ARCore Flutter Plugin: ARCore Flutter Plugin: configurations. ARCore Flutter Plugin: add object on the plane. Configure your app To ..
VelocityX is a 100% free Flutter open-source minimalist UI Framework built with Flutter SDK to make Flutter development easier and more joyful than ever. Demo App Inspired from Tailwindcss and SwiftUI. “Welcome to VelocityX”.text.white.xl4.bold.center.makeCentered().box.roundedLg.red500.shadow2xl.make().whHalf(context).centered(); Getting started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … velocity_x: <latest_version> In your library add the following import: import ‘package:velocity_x/velocity_x.dart’; ..
A Flutter plugin to use the Firebase ML Kit. this is not official package The flutter team now has the firebase_ml_vision or firebase_ml_custom package for Firebase ML Kit. Please consider trying to use firebase_ml_vision. Note: This plugin is still under development, and some APIs might not be available yet. Feedback and Pull Requests are most welcome! Features Feature Android iOS Recognize text(on device) Recognize text(cloud) ..
flutter_secure_storage A Flutter plugin to store data in secure storage: Keychain is used for iOS AES encryption is used for Android. AES secret key is encrypted with RSA and RSA key is stored in KeyStore With V5.0.0 we can use EncryptedSharedPreferences on Android by enabling it in the Android Options like so: AndroidOptions _getAndroidOptions() => const AndroidOptions( encryptedSharedPreferences: true, ..
Google Mobile Ads for Flutter This guide is intended for publishers who want to monetize a Flutter app. Integrating Google Mobile Ads SDK into a Flutter app, which you will do here, is the first step towards displaying AdMob ads and earning revenue. Once the integration is complete, you can choose an ad format to get detailed ..
flutter_cupertino_settings A Flutter widget to create an iOS settings-table (static TableView). import ‘package:flutter_cupertino_settings/flutter_cupertino_settings.dart’; CSWidgetStyle brightnessStyle = const CSWidgetStyle( icon: const Icon(Icons.brightness_medium, color: Colors.black54) ); CupertinoSettings( items: <Widget>[ const CSHeader(‘Brightness’), CSWidget(CupertinoSlider(value: 0.5), style: brightnessStyle), CSControl( nameWidget: Text(‘Auto brightness’), contentWidget: CupertinoSwitch(value: true), style: brightnessStyle, ), CSHeader(‘Selection’), CSSelection<int>( items: const <CSSelectionItem<int>>[ CSSelectionItem<int>(text: ‘Day mode’, value: 0), CSSelectionItem<int>(text: ‘Night ..
Feather Beautiful Flutter weather application. Entirely written in Dart and Flutter. Application is ready for Android and iOS. Media Features Beautiful UI and great UX Current weather: current temperature, max and min temperature, humidity, pressure, wind Current sun/moon position, animated countdown until sunset/sunrise, time of sunset/sunrise Weather forecast for 5 days (temperature, wind, rain and pressure) Custom-written chart with ..
Flutter UI challenge (with Box2D physic)- Smart washing machine app About project The application was written based on this great UI concept: https://dribbble.com/shots/11018635-Washing-machine Many thanks to Dimest, for allowing me to write an application based on his concept. I encourage you to check out the rest of his great arts: https://dribbble.com/Dimest App in action Dev To build application, ..
Flutter App Templates
