The Gorgeous Otp A login page built with flutter inspired by a design found on Uplabs Login Screen OTP Screen Tools This project uses the phone connection provided by Firebase. It also uses MobX and Provider to manage the state of the application simply and efficiently. Configuration This project works with Firebase so you need to import your own Google Services ..
Category : Flutter App
Flutterdevconnect.web.app Be together, whenever. A simple way to text chat and plan things all in one place for flutter developers. Android IOS Web Try Now Live on web Download Apk Installation Download & Setup FLutter Sdk Clone the repo Connect to Firebase Web Update Google Sing In API Key License Getting Started This project is ..
flutter_healthcare_app Healthcare app is a design implementation of Healthcare Mobile App designed by Chirag Chauhan Download App Android Screenshots HomePage Detail Page iOS Screenshots HomePage Detail Page Directory Structure Pull Requests I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request. Download Helthcare app Source code ..
milestone_progress Flutter package for IOS and Android to display progress through milestone progress widget. Screenshots ## Usage [Example]https://github.com/harpreetseera/MilestoneProgressView/blob/master/example/example_app.dart) To use this package : add the dependency to your pubspec.yaml file. dependencies: flutter: sdk: flutter milestone_progress: How to use /* use this widget to create the milestone progress view Note:The widget doesnot maintain its state itself.So to see ..
account_selector A Flutter package which provides helper widgets for selecting single or multiple account/user from a list Supported Dart Versions Dart SDK version >= 2.1.0 Demo Screen Shots Demo Gif Installation Add the Package dependencies: account_selector: ^0.0.2 How to use Import the package in your dart file import ‘package:account_selector/account.dart’; import ‘package:account_selector/account_selector.dart’; Create an account list ..
flutter_neumorphic A complete, ready to use, Neumorphic ui kit for Flutter Try Flutter-Neumorphic on your browser : https://flutter-neumorphic.firebaseapp.com/ Installation https://pub.dev/packages/flutter_neumorphic dependencies: flutter_neumorphic: ^1.0.7 The in your .dart files import ‘package:flutter_neumorphic/flutter_neumorphic.dart’; Widgets Preview Widget Description Neumorphic The main Neumorphic Widget, a container which adds white/dark gradient depending on a lightsource and a depth NeumorphicButton A neumorphic button ..
dart-sip-ua A dart-lang version of the SIP UA stack, ported from JsSIP. Overview Use pure dart-lang SIP over WebSocket (use real SIP in your flutter/web apps) Audio/video calls (flutter-webrtc) and instant messaging Support with standard SIP servers such as OpenSIPS, Kamailio, Asterisk and FreeSWITCH. Currently supported platforms iOS Android Web macOS Linux Windows Fuchsia Quickstart for Web platform Install ..
flutter-webrtc-demo Flutter WebRTC plugin Demo Online Demo: https://demo.cloudwebrtc.com:8086/ Usage git clone https://github.com/cloudwebrtc/flutter-webrtc-demo cd flutter-webrtc-demo flutter packages get flutter run Note If you want to test P2P Call Sample, please use the webrtc-flutter-server, and enter your server address into the example app. screenshots iOS Android Download flutter-webrtc source code on GitHub https://github.com/cloudwebrtc/flutter-webrtc-demo FlutterappworldProvides the list of the opensource Flutter ..
Covid19detector : Detecting COVID-19 from X-Ray App can detect COVID via X-Ray image, just use some sample image available in the listed links. Android IOS Web Made with Teachable Machine & Flutter Covid X-Ray Image Dataset – https://github.com/ieee8023/covid-chestxray-dataset for positive cases. Kaggle X-Ray Chest Images – https://www.kaggle.com/paultimothymooney/chest-xray-pneumonia for negative cases Learn How to Build this : Build a Cat-Dog Detector App ..
flutter_bloc meets sealed_unions Quick Start Extend UnionNImpl class MyState extends Union4Impl<Initial, Loading, Success, Failure> { static final unions = const Quartet<Initial, Loading, Success, Failure>(); MyState._(Union4<Initial, Loading, Success, Failure> union) : super(union); factory MyState.initial() => MyState._(unions.first(Initial())); factory MyState.loading() => MyState._(unions.second(Loading())); factory MyState.success({String data}) => MyState._(unions.third(Success(data: data))); factory MyState.failure({String error}) => MyState._(unions.fourth(Failure(error: error))); } class Initial {} class Loading {} ..
An extension to the bloc state management library which automatically persists and restores bloc states. Overview hydrated_bloc exports a HydratedStorage interface which means it can work with any storage provider. Out of the box, it comes with its own implementation: HydratedBlocStorage. HydratedBlocStorage is built on top of path_provider for a platform-agnostic storage layer. The out-of-the-box storage implementation reads/writes to file using the toJson/fromJson methods on HydratedBloc and should ..
Simplify Equality Comparisons Overview Being able to compare objects in Dart often involves having to override the == operator as well as hashCode. Not only is it verbose and tedious, but failure to do so can lead to inefficient code which does not behave as we expect. By default, == returns true if two objects are the same instance. Let’s say we ..
Sytôdy, a Flutter “speech to text” todo app POC iOS10(Swift) & Android Usage Install flutter cd sytody flutter run Video demo How it works TL;DR The flutter app open a channel on the host platform. It uses it : to ask for speech recognition and microphone usage. The permission is asked on the first application launch to ..
orderable_stack A Flutter orderable container : based on a “data items” list vertical or horizontal need a “itemBuilder” function to build the orderable parts Usage cf. orderable_stack_example Limitations All part must have same size Download Flutter orderable stack widget source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
speech_recognition A flutter plugin to use the speech recognition iOS10+ / Android 4.1+ Basic Example Sytody, speech to todo app Installation Depend on it Add this to your package’s pubspec.yaml file: dependencies: speech_recognition: “^0.3.0” Install it You can install packages from the command line: Import it Now in your Dart code, you can use: import ..
Flutter animation interactive guide Try it online Curves visualizer Animated widgets demo : AnimatedContainer AnimatedAlign AnimatedPositioned AnimatedOpacity AnimatedDefaultTextStyle Staggered animation explorer web You need to be on Flutter master branch to run/build for web, and follow this instructions flutter run -d chrome mac os You need to be on Flutter master branch to run/build for web, ..
AudioPlayer A Flutter audio plugin (Swift/Java) to play remote or local audio files on iOS / Android / MacOS and Web. Online demo Features Android / iOS / MacOS / Web play remote file play local file ( not for the web) stop pause onComplete onDuration / onCurrentPosition seek mute Usage Example To use this ..
Fresh A Dart HTTP Client with built-in token refresh. Overview Fresh is a package which attempts to simplify custom API authentication by integrating token refresh and caching directly into the client. Fresh is flexible and is intended to support custom token refresh mechanisms. Usage Extend FreshClient // 1. Specify the Token Type class MyHttpClient extends ..
flutter_home_rental_app Flutter Home Rental App UI 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, ..
Flutter Classified App Demo A sample app to showcase classified app using flutter. Demo Android Screen iOS Screen 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 ..
Info Covid-19 Flutter’s application that provides information about Covid-19 in Indonesia Report Bug · Request Feature Table of Contents About the Project Demo Installation Roadmap Contributing License Contact Acknowledgements Buy Me a Coffee About The Project This application is built to give valid information about Covid-19 in Indonesia. Here are the sources of information used in this ..
Flutter Task Planner App Design Task Planner App is built in flutter. App design is based on Task Planner App designed by Purrweb UI. This app is static. I mean, This is a UI design. No backend. Screenshots HomePage Calendar Page Task Create Page Pull Requests I welcome and encourage all pull requests. It usually will take me ..
Info: An app to show everything bus related in Singapore, including arrival times and a directory. Flutter + Dart. NextBus SG An app to show everything bus related in Singapore, including bus arrival times and a directory, with extra features. Gallery Click here to see a detailed explanation of each screen. Features Click to reveal all features Click to reveal features for ..
galpi Book logging app made with Flutter. Build There are some secret files required for the build. These files include credentials for android build, firebase and more. For CI build, they should also be uploaded to travis CI (as env variables) after encryption. Encryption and upload of secrets are done by npm scripts. (Node and ..
Info: Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Loading GIFs High quality Android and iOS loading spinners. View Demo Loading GIFs is a collection of high fidelity loading animations in GIF format. Included are Android “Material Design” and iOS “Cupertino” ..
Andriod Login & Register UI #5 Design screens are on Behance. you can get XD file from there. Don’t forget to star the repo if you like what you see. Screenshots The screenshots below are taken on amy device MI NOTE 5 PRO. Requirements Any Operating System (ie. MacOS X, Linux, Windows) Android Studio A little knowledge of ..
Live Demo : http://bit.ly/flutterecomapp Design Credits : https://gumroad.com/l/kamartaj Youtube Video : https://youtu.be/OQ-6Zo0vbAk Download Flutter UI Source code on GitHub https://github.com/theindianappguy/flutterecomapp FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
pe_paytm A new Flutter package project for PayTm intergation in your Flutter Apps. #For Demo Getting Started Follow the following Steps to integrate the paytm payment in Flutter Application. Go to Firebase console and Create a Firebase Project (e.g. payments Testing). Set up Node.js and the Firebase CLIYou’ll need a Node.js environment to write functions, ..
Makemyquiz.web.app Create quiz, play them see detailed results and much more try now visit https://makemyquiz.web.app Features Included Google Sign In with Firebase Firebase Auth (Sign In & Sign Up) Firebase Cloud Firestore Acessign 500,000 Images via Pexels API and much more…. Getting Started This project is a starting point for a Flutter application. A few resources ..
Info: A simple rating bar for flutter which also includes a rating bar indicator, supporting any fraction of rating. A simple yet fully customizable rating bar for flutter which also includes a rating bar indicator, supporting any fraction of rating. Salient Features Set minimum and maximum rating Any widgets can be used as a rating ..
Dart A client-optimized language for fast apps on any platform Dart is: Optimized for UI: Develop with a programming language specialized around the needs of user interface creation Productive: Make changes iteratively: use hot reload to see the result instantly in your running app Fast on all platforms: Compile to ARM & x64 machine code ..
Import JS Library Import & use javascript libraries in your flutter web projects. flutter: assets: – assets/howler.js importJsLibrary(url: “./assets/howler.js”, flutterPluginName: “audio_plugin_example”); Why Audio library compatible with Flutter Web : https://pub.dev/packages/assets_audio_player Howler.js Audio library for the modern web : https://howlerjs.com/ And after weeks, month, years, eternity later…. How to use it 1. Create your plugin Package https://flutter.dev/docs/development/packages-and-plugins/developing-packages flutter ..
YELL This is an open source project, feel free to work on this. you dont’t need to set up any extra things in this project just run this and you’ll be set to go. Your Education and Learning Leap One Can Find all the College Notes and Solutions here, Still Under Develpment Download Source code ..
assets_audio_player Play music/audio stored in assets files (simultaneously) directly from Flutter (android/ios / web). You can also use play audio files from the network using their URL try online: https://flutter-assets-audio-player.web.app flutter: assets: – assets/audios/ AssetsAudioPlayer.newPlayer().open( Audio(“assets/audios/song1.mp3”), autoPlay: true, ); Import dependencies: assets_audio_player: ^1.3.8 Web support You like the package ? buy me a kofi 🙂 Import ..
EgdroidChallenge challenge accepted A challenge code series idea suggested by an awesome android community Egdroid at this slack channel challenge series begin with custom animation. Animation examples splash screen animation view transformation animation transition animation SPLASH SCREEN ANIMATION TRANSITION ANIMATION VIEW TRANSFORMATION VIEW PROPERTY ANIMATION dribbble link Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter ..
Flutter Firebase Starter project Made with from Nepal A project you can clone to build your next project with Flutter with Firebase services. What Firebase features are implemented? Firebase Authentication Email based sign up/in Google Sign in Cloud Firestore Firebase Messaging Firebase analytics Properly track screen names Ability to track custom events Properly set userid and ..
Info: Interview questions and answers for preparation, built-in pure flutter also have CI implementation for learning. toughest An app for interview preparation. Unique animations. More than 100 questions and answer. Good UI. Featured in many websites. Made with and Flutter Download source code on GitHub https://github.com/MDSADABWASIM/Toughest FlutterappworldProvides the list of the opensource Flutter apps collection with ..
Expenses Pal Who does not like to spend money on various things? Do we nowadays control ourselves or just do not care and randomly spend hard earned money? If you want to keep a track of your expenses and want to get a better understanding where your money goes, this app is for you. Features: ..
control_pad A virtual pad with joystick controller and configurable buttons. Features Joystick controller Pad’s buttons Configurable events interval Configurable colors Usage class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(‘Control Pad Example’), ), body: Container( color: Colors.white, child: JoystickView(), ), ); } } Questions or Feedback? Feel free ..
Watermaniac We may not think of it, but water can have a large impact on our overall and day-to-day health. As I’m sure you may know, it is important to hydrate regularly in order to preserve adequate mental and physical functions. Many of us do not pay attention to how much water we are drinking ..
Flutter App Templates
