Demo Flutter – Some common UI in Flutter App include Hero Animation Screen – How to play with hero widget. Simple Animation Screen – Some simple animation. Edit Profile Screen – A simple form to fill user info. Music Player Screen – Get and play music from the internet. Medium Clap Screen – Clap animation ..
Category : Flutter App
Facebook Reactions Animation Description The app to demo animation with Flutter by implement Facebook reactions. Watch the demo video for more clarity: https://youtu.be/gLdr9GCtZXg Check my general guidance to know more and how to do it: https://medium.com/@duytq94/facebook-reactions-with-flutter-9019ce8b95b8 Screenshot Download Facebook Reactions Animation source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. ..
FLUTTER INTRO SLIDER Flutter Intro Slider is a flutter plugin that helps you make a cool intro for your app. Create intro has never been easier and faster Table of Contents Installing – How to install Demo – How this plugin works Code example – How to use Default config Custom config Custom your own tabs Slide object ..
Chat Demo Description A chat app made by Flutter and Firebase. Support login with google account, chat with any user, send text, image and sticker, update avatar and profile. Watch the demo video for more clarity: https://youtu.be/MOHE68LI5Eg Check my general guidance to know more and how to do it: https://medium.com/@duytq94/building-a-chat-app-with-flutter-and-firebase-from-scratch-9eaa7f41782e Extension Push notification messages. Demo: https://youtu.be/TL–RKbNPt8 Article: https://medium.com/@duytq94/flutter-chat-app-extended-push-notification-messages-a26c669f4675 Screenshot ..
Flutter-WebRTC WebRTC plugin for Flutter Mobile/Desktop/Web Functionality Feature Android iOS Web macOS Windows Linux Fuchsia Audio/Video [WIP] [WIP] Data Channel [WIP] [WIP] Screen Capture Unified-Plan MediaRecorder Usage Add flutter_webrtc as a dependency in your pubspec.yaml file. iOS Add the following entry to your Info.plist file, located in <project root>/ios/Runner/Info.plist: <key>NSCameraUsageDescription</key> <string>$(PRODUCT_NAME) Camera Usage!</string> <key>NSMicrophoneUsageDescription</key> <string>$(PRODUCT_NAME) Microphone Usage!</string> This entry allows your ..
Admin Material for Flutter Web. This project was generated with Flutter Web. Introduction This project contains most of the common widgets which are used by Flutter. Row/Column Tables Cards Custom Scroll View Forms Hero Animations Linear Gradient Api calls using http (Top 10 trending github repositories) in a tabular view. How to start Prerequisites: Your Flutter ..
Plantly: buy plants. A concept app that I made with Flutter, inspired by this: Wanna try it? Here’s the Play store link: Plantly. Final result Screenshots (click to enlarge) Main page (plants list) When clicked on a plant image When clicked on the zoom icon Cart page (empty) Cart page with items What I’ve learned by ..
Travel guide An application made with flutter. Screenshots (click to enlarge) Download Travel guide app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Tinder cards Hi! After showcasing Focus for Reddit, the app I am working on, people asked me how did I do the tinder like cards swipe (posts media are shown as a stack of 3 swipable cards) and if I could make tutorial or open-source it: And I did it! Here it is. I’ve created a ..
Reply Flutter Reply is an email app that uses Material Design components and Material Theming to create an on-brand communication experience. This project tries to deliver a pixel-perfect implementation of the Reply Material Design Case Study in Flutter. The focus lies on the UI (animation, layout, transition, etc.) and should showcase how powerful Flutter has become as a UI ..
Elegant Calculator A simple and elegant Calculator app developer in Flutter. Preview 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 ..
Aarogya Seva Made with in India Aarogya Seva is an Indian app developed using flutter for tracking live Covid-19 cases. App provides Coronavirus self assessment without collecting any data. The app has following features: Live Covid-19 cases across India Minimilistic UI and an elegant user experience Live news related to Corona Virus from newsapi.org Check your ..
Gobook Gobook is a golang boilerplate with web framework Gin & Gorm ORM. Features: MVC Pattern Login, Register, Logout & Profile System Middleware System with JWT and UniqueKey Paginations Request Example Books CRUD Support with MySQL Validator System Relation Has One Env Configurations Helper Command ORM Features Auto Generated Code Support MySQL & PostgreSQL Installing ..
pokedex This is an applications for fetching pokemon data from API and showed in Listview with infinity scrolling #Author Created by Yusril Rapsanjani Language use: Dart Framework: Flutter RestAPI: pokeapi.co Getting Started The first step to install this application, you must clone this repository by: git clone https://github.com/yusriltakeuchi/pokedex.git After that you get any packages by ..
Polymaker Polymaker is an application that can create polygon locations dynamically in mobile apps and save the data into SQFlite to be permanent. Installing git clone https://github.com/yusriltakeuchi/polymaker.git flutter packages get flutter run Billing You must enable some API in google cloud to use this features Google Maps for Android/iOS Setup Please fill API KEY with your ..
Tubles Tubles is a simple applications to provide any tubles place in google maps and we as the user can navigate into the selected tubles location. Features Display Tubles Location Custom Beauty Marker Navigation Mode & Normal Mode Direction Route to Tubles Distance Calculations Location Subscribtion Listener Custom Map Style Terrain Installing git clone https://github.com/yusriltakeuchi/Tubles.git flutter ..
Konachan – Sama An app written in flutter to utilize the Konachan API . It’s purely for the purpose to practice the concepts of flutter and follow the best conventions possible. It also serves as a sandbox for me to try out various good practices. WARNING: Download Konachan app source code on GitHub https://github.com/meta-boy/Konachan-Sama FlutterappworldProvides the list ..
Atheneum A free, open-source and ad-free app for reading your favourite manga! Screenshots Download Atheneum source code on GitHub https://github.com/meta-boy/atheneum FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
moeClient A simple client ( unofficial ) for http://listen.moe/ written in dart Screenshots Installation Flutter online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference. Download moeClient App source code on GitHub https://github.com/meta-boy/MoeSen FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Anime Twist Client (unofficial) An unofficial cross platform client for Anime Twist. screenshots Download Anime Twist app source code on GitHub https://github.com/meta-boy/Anime-Twist FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Restofinder Details Restofinder is a simple application that displays a list of restaurants closest to our location with several specific types and menus that are served. This project uses the Zoomato API to search for restaurants, so we have to make Zoomato apikey first. Featured Apps: Get Nearby Restaurant Get Collections Get Restaurant By Collection Restaurant ..
facebook_desktop 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 ..
flutter_desktop_media_player 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 ..
Avengers App This application is developed using Flutter SDK and uses Dart Programming Language. Home Page: Avenger Details (Example 1) Avenger Details (Example 2) This Application fetches data from a JSON API developed by me, feel free to use this JSON API in your projects, it’ll be good if you give me some credits for ..
Info: A web-safe implementation of dart.io.Platforms. Helps avoid the “Unsupported operation: Platform._operatingSystem” runtime error. Universal Platform – A Web-safe Platform class Currently, if you include the dart.io.Platform anywhere in your code, your app will throw the following error on Web: With this plugin you can perform platform detection on all platforms, including Web, without errors. Installation dependencies: ..
Flokk A fresh and modern Google Contacts manager that integrates with GitHub and Twitter. Demo Builds Web: https://flokk.app Linux: https://snapcraft.io/flokk-contacts macOS: https://flokk.app/macos/Flokk_Contacts_v1.0.1.dmg Windows: https://flokk.app/windows/Flokk_Contacts_v1.0.1.zip Getting Set Up 1. Flutter Follow the install instructions here: https://flutter.dev/docs/get-started/install Desktop-specific info: https://flutter.dev/desktop, https://github.com/flutter/flutter/wiki/Desktop-shells Flokk was built on the bleeding edge of Flutter, so make sure to use the master branch in their git repo and checkout commit 9c3f0faa6d. We’re ..
scaffold_responsive A responsive scaffold widget that adjusts to your device size, for your flutter mobile and web apps. Usage class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { String tab; void setTab(String newTab) { setState(() { tab = newTab; }); } @override Widget build(BuildContext context) { return ResponsiveScaffold( ..
flutter_sidebar An easy to configure sidebar widget for your flutter mobile/web apps Usage import ‘package:flutter_sidebar/flutter_sidebar.dart’; Simple Sidebar with few sidebar items: class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(‘Flutter Sidebar’)), drawer: Sidebar.fromJson( tabs: [ { ‘title’: ‘Chapter A’, ‘children’: [ {‘title’: ‘Chapter A1’}, {‘title’: ‘Chapter A2’}, ], }, ..
epic_games_ui 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 ..
A library for building REST APIs easily with Dart modeled after Express JS for Node Js. The library is still a work in progress and open to contribution. Created with StageHand – license. Inspiration Our inspiration is the simplicity of express js . Installing Add the following to your pubspec.yaml file: dependencies: sevr: any Usage A simple usage example: import ..
batufo A 2D Multiplayer Game running with #Flutter and thus on macOS, Linux, Android, iOS and the browser. Links the homepage shows how you to install the game for various platforms the video series documents the making of batufo the devlog contains notes about research and milestones related to batufo the todo list shows and explains completed and not yet completed game items the level editor allows ..
Carousel Extended A Flutter Carousel widget. Usage As simple as using any flutter Widget. Based on Carousel Pro but extended to be able to navigate between slides programmatically. Example: Add the module to your project pubspec.yaml: … dependencies: … carousel_extended: ^1.0.0+1 … And install it using flutter packages get on your project folder. After that, just import the module ..
inline_calender An inline calender package inspired by outlook app. It also supports Jalali/Shamsi calender. Uses theme and locale of context to localize and change color of widgets. Usage Add the module to your project pubspec.yaml then install it using “flutter packages get` … dependencies: … inline_calender: ^0.1.0 … Example: import ‘package:flutter/material.dart’; import ‘package:inline_calender/inline_calender.dart’; void main() => runApp(MyApp()); ..
Motivation Flutter comes with two classes for manipulating “overlays”: Overlay OverlayEntry But OverlayEntry is very awkward to use. As opposed to most of the framework, OverlayEntry is not a widget (which comes with a nice and clean declarative API). Instead, is uses an imperative API. This comes with a few drawbacks: a widget’s life-cycle (like initState) cannot add/remove synchronously an OverlayEntry.This means the first rendering ..
Welcome to Freezed, yet another code generator for unions/pattern-matching/copy. Motivation While there are many code-generators available to help you deal with immutable objects, they usually come with a trade-off.Either they have a simple syntax but lack features or they have very advanced features but with complex syntax. A typical example would be a “clone” method.Current generators ..
Widgets are cool. But classes are quite verbose: class Foo extends StatelessWidget { final int value; final int value2; const Foo({Key key, this.value, this.value2}) : super(key: key); @override Widget build(BuildContext context) { return Text(‘$value $value2’); } } So much code for something that could be done much better using a plain function: Widget foo(BuildContext context, ..
Black Lives Matter. Support the Equal Justice Initiative. Welcome to Riverpod! This project can be considered as an experimental provider rewrite. For learning how to use Riverpod, see its documentation: https://riverpod.dev Long story short: Declare your providers as global variables:final myNotifierProvider = ChangeNotifierProvider((_) { return MyNotifier(); }); class MyNotifier extends ChangeNotifier { int count; // TODO: typical ChangeNotifier logic } Use them ..
netflix_clone_UI Screenshots Download Netflix app clone UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Manage Cards – User Interaction for Wallet made with Flutter using BLOC Download Manage Cards app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Bank app concept in a neomorphism style. Made with Flutter ScreenShots: Download Bank app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter App Templates
