Short Intro: A GraphQL client for Flutter, bringing all the features from a modern GraphQL client to one easy to use package. GraphQL Flutter Bulletin See the v3 -> v4 Migration Guide if you’re still on v3. Maintenance status: Low. Follow #762 for updates on the planned architecture walk through videos. Join the discord. About this project GraphQL brings many ..
Author : Flutterappworld
Flutter Animation Set Simplified Flutter stagger animation.To drive the Flutter stagger animation through a timeline in the form of an animation configuration.You can Uses the existing Animation Widget of Flutter Animation Set Use Flutter Animation Set to create a new Animation Widget Contribute your Flutter Animation Set Widget Watch All of the Curves of Flutter in example Installing dependencies: flutter_animation_set: ..
Flutter FormBuilder – flutter_form_builder This package helps in creation of data collection forms in Flutter by removing the boilerplate needed to build a form, validate fields, react to changes, and collect final user input. Simple Usage To use this plugin, add flutter_form_builder as a dependency in your pubspec.yaml file. Flutter Version Guide Flutter 1.20 => v4.* Flutter 2.* with ..
AspectD Salute to AspectJ. AspectD is an AOP(aspect oriented programming) framework for dart. Like other traditional aop framework, AspectD provides call&execute grammar. Besides, as we can’t use dart:mirrors in flutter, AspectD also provides a way named inject enhancing the dart code manipulation. Besides, AspectD provides a dill transformer container above which developers can implement their ..
flutter_flux A Dart app architecture library with uni-directional data flow inspired by RefluxJS and Facebook’s Flux. This is an experimental package and does not have official support from the Flutter team. However, feedback is most welcome! Overview What’s Included Action Store FluxComponent Examples External Consumption Overview flutter_flux implements a uni-directional data flow pattern comprised of Actions, Stores, and StoreWatchers. It is based ..
The Ultimate Guide to App Development with Flutter A complete and comprehensive guide to learning Flutter with explanations, screenshots, tips, resources, and examples for Dart, Flutter, Firebase, State Management and more. Table of Contents Introduction Getting Started Learning Dart Variables Functions Conditionals Loops Classes, Objects, and Constructors More Resources Learning Flutter UI Installation Widgets Layout ..
Darkness Dungeon Game developed for the purpose of testing the use of the Bonfire package! Download APK Used packages: Bonfire – Flame – Used sprites: Dungeontileset Simple Dungeon Crawler Download Darkness Dungeon game app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Ghost Rigger Prototype of a cyberpunk-inspired puzzle game set in a dystopian future: In the year 2078, the megacorporation Native Development Initiative, aka NDI, rules the Earth. While they look for new evil ways to increase their margins and satisfy their never-ending greed, a group of hackers are trying to stop them. They call themselves Unanymous. Within ..
Flame Scrolling Sprite Flame Scrolling Sprite is a Flame package to make it easy to render sprites that scrolls and repeat itself forever given a velocity. This can be used to create things like an scrolling background, or even create scenes, bellow you can see one example of this: This package can be used by using the ..
The Flutter code generator for your assets, fonts, colors, … — Get rid of all String-based APIs. Inspired by SwiftGen. Motivation Using asset path string directly is not safe. # pubspec.yaml flutter: assets: – assets/images/profile.jpg BadWhat would happen if you made a typo? Widget build(BuildContext context) { return Image.asset(‘assets/images/profile.jpeg’); } // The following assertion was thrown ..
Fontify The Fontify package provides an easy way to convert SVG icons to OpenType font and generate Flutter-compatible class that contains identifiers for the icons (just like CupertinoIcons or Icons classes). The package is written fully in Dart and doesn’t require any external dependency. Compatible with dart2js and dart2native. Using CLI tool Globally activate the package: And it’s ready to ..
Flutter Redux Starter/Code Generator Videos Short video ~ 1 minute Long video ~ 10 minutes We’re using this approach to develop the Flutter app for Invoice Ninja. Usage Step 1: Clone the GitHub repo git clone git@github.com:hillelcoren/flutter-redux-starter.git <application> && cd <application> Step 2: Initialize the project ./starter.sh init <company> <application> <url> Step 3: Create the module ./starter.sh make <application> <module> ..
Flutter Launcher Icons A command-line tool which simplifies the task of updating your Flutter app’s launcher icon. Fully flexible, allowing you to choose what platform you wish to update the launcher icon for and if you want, the option to keep your old launcher icon in case you want to revert back sometime in the ..
Payment App UI Design Kit Check out the new style for App Design aims for Payment App… You can install and test the latest app from below Screenshots Please click the image below to enlarge. Contributing Please fork this repository and contribute back using pull requests. Any contributions, large or small, major features, bug fixes, are ..
VegetableOrderUI-Android Check out the new style for App Design aims for the Vegetable Order Service using jetpack compose… Screenshots Please click the image below to enlarge. Contributing Please fork this repository and contribute back using pull requests. Any contributions, large or small, major features, bug fixes, are welcomed and appreciated but will be thoroughly reviewed. Download ..
Netflix Clone Mobile App Watch it on YouTube Netflix Clone Mobile App A nice clean Netflix Clone Mobile App UI. Today I will show you how you can create Netflix Clone App using flutter. We also add animation which works perfectly on mobile and the web. Netflix Clone Mobile App UI Download Netflix Clone app ..
Motorcycle Helmets Online Store – Mobile App Watch it on YouTube Motorcycle Helmets Online Store A nice clean Motorcycle Helmets Online Store Mobile App UI. Today I will show you how you can create Motorcycle Helmets Online Store using flutter. We also add animation which works perfectly on mobile and the web. Motorcycle Helmets Online ..
Github restricts the size of pictures. For invalid pictures, please go to Nuggets to view: take it! Flutter imitates the naked eye 3D effect of Ziru App introduction Recently seen freely team published achieve comfortable guest APP naked eye 3D effect , this layout has really done a very fun, more play the more addictive, thanks for sharing freely team. Then use ..
just_audio just_audio is a feature-rich audio player for Android, iOS, macOS and web. Mixing and matching audio plugins The flutter plugin ecosystem contains a wide variety of useful audio plugins. In order to allow these to work together in a single app, just_audio “just” plays audio. By focusing on a single responsibility, different audio plugins ..
Flutter Enhancement Suite The essential plugin for making working with Flutter easier than ever! Easy-to-use tools for managing your pubspec.yaml, snippets & more Features Autocomplete Pub Packages When you’re adding a new package to your pubspec.yaml file, the plugin will figure out what you’re looking for. When pressing enter the package with its current version ..
VxState VxState is a state management library built for Flutter apps with focus on simplicity. It is inspired by StoreKeeper & libraries like Redux, Vuex etc with the power of streams. Here is a basic idea of how it works: Single Store (Single source of truth) to keep app’s data Structured modifications to store with ..
ESSE ESSE (Encrypted Symmetrical Session Engine) An open source encrypted peer-to-peer session system would allow data to be sent securely from one terminal to another without going through third-party services. ESSE, stands for Encrypted Symmetrical Session Engine, positioned as an engine. The engine is coded in Rust language based on TDN framework, and the cross-platform user interface is built using Flutter. ..
Flutter Gen Zeplin Extension The Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, … – Save your time. ⬇ 1.1k Getting started Add the extension to your project from extensions.zeplin.io. Features Text Widget RichText Widget Container Widget BoxDecoration BoxShadow Border TextStyle StrutStyle Material Color names LinearGradient RadialGradient Key points dartfmt (dart_style) The generated code format is set to dartfmt(dart_style) as much as possible.You don’t need to reformat ..
Very Good CLI A Very Good Command Line Interface for Dart. Installing $ dart pub global activate very_good_cli Commands $ very_good create Create a very good project in seconds based on the provided template. The Very Good Core template is used by default. Creates a new very good project in the specified directory. Usage: very_good create <output ..
fluam_app A flarum (flarum.org) application, Seamlessly uses all the flarum sites of your added. Supported platforms Android (6.0+) ios (64bit only) Linux MacOS Windows Download https://github.com/fluam/fluam_app/releases Download fluam app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Tutorial – Fingerprint & Touch ID – Local Auth Preview App Preview Course Preview ➜ Buy My Courses Watch Video YouTube video where the source code is explained. Subscribe YouTube channel. Download Fingerprint & Touch ID – Local Auth source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Instagram Mention Widgets ‘small details do matter’ This package provides simple and almost the same UI details that the real Instagram mention widget has. It contains two types of widgets InstagramMention – Only Text InstagramMentionWithAvatar – Text and Image Usage You can simply use the widgets inside your app like this class MyHomePage extends StatelessWidget { const ..
Short intro: An anthology of a variety of tools for the Persian language which you can use in all platform that dart supports. Persian tools Persian Tools dart package which you can use in all platforms Features Removing ordinal suffixes Adding ordinal suffixes Converting Persian words to number Converting Persian numbers to word Adding and ..
Curved Splash Screen A Splash screen with curved custom bottom sheet and dots indicator within it. You can add your custom splash screens according to it’s index. You can change any color of the items of the bottom sheet. You can specify the text of back and skip button and their color. All items in ..
Car Store App Flow Car store app flow based on a design on Dribbble . PRs are welcomed. Issues are welcomed too. Prefer Videos? Watch speed code tutorials on youtube Car Store UI Design w/ Animations Speed Code – Flutter Tutorial – Part 1 Car Store UI Design w/ Animations Speed Code – Flutter Tutorial – ..
FlutterFire Samples This repo is created to contain various sample apps demonstrating the integration of Firebase with Flutter. The final goal is to create something like the Flutter Gallery app, but for Firebase. Also, the recently changes introduced in Flutter 2 create some confusion, mostly with the beginners, as many other repositories are not yet updated to the latest version. Even FlutterFire plugins got ..
Instagram Flutter Build an Instagram clone project using firebase/firestore with similar functions Give a if you like this Features SignIn / SignUp Read NewsFeed Create Posts Like/Comment/Follow Stories Explore Activities Profile Notification Direct message Screenshots Contributing Contributions, issues and feature requests are welcome! Feel free to check the issues page. Download Instagram Clone UI Template source code ..
montage Organize your animations. Quickstart // 1. Define your animations const entrance = MontageAnimation( key: ‘entrance’, duration: Duration(seconds: 2), ); const exit = MontageAnimation( key: ‘exit’, duration: Duration(seconds: 2), ); class Home extends StatefulWidget { const Home({ Key? key, }) : super(key: key); @override _HomeState createState() => _HomeState(); } class _HomeState extends State<Home> with TickerProviderStateMixin ..
Flutter-Works Boilerplate Table of Content Overview Getting Started Requirements Setup Firebase Setup Android IOS Change Package Name Running/Debugger 1. Dev Mode (Development) 2. Staging Mode 3. Production Mode If User VS Code Features Libraries / Dependencies Folder Structure Module List of Default Modules Shared Modules: Module Features: Create Module Global Config/Variable Call Global Variable Use ..
Drawer in Flutter Best ever drawer in flutter to make precious application. This flutter app is made just to demonstrate how you we can make an animated drawer that looks beautiful, alluring and provides a good user experience as well This idea I had in mind for a long time and I finally made it,now ..
Better Player Advanced video player based on video_player and Chewie. It’s solves many typical use cases and it’s easy to run. Introduction This plugin is based on Chewie. Chewie is awesome plugin and works well in many cases. Better Player is a continuation of ideas introduced in Chewie. Better player fix common bugs, adds more configuration ..
Flutter codelabs To analyze, test and run individual apps, execute the following commands from the repo root ($PROJECT represents the app project path, such as startup_namer/step1_base): flutter create –no-overwrite $PROJECT cd $PROJECT flutter analyze flutter test flutter run To learn more about setting up Flutter and running apps, see flutter.dev/get-started. Download Flutter examples source code on GitHub FlutterappworldProvides ..
Check out the new docs! https://autoroute.vercel.app Introduction Installation Setup and Usage Generated routes Navigation Passing Arguments Working with Paths Nested Routes Finding The Right Router Introduction What is AutoRoute? It’s a Flutter navigation package, it allows for strongly-typed arguments passing, effortless deep-linking and it uses code generation to simplify routes setup, with that being said it ..
Finale A fully-featured Last.fm client and scrobbler with Shazam-like scrobbling written in Flutter. The app is available on iOS, Android, and the web. Note that the web version doesn’t support music recognition. Check out finale.app for screenshots. Running the app To run Finale, you’ll need: Flutter A Last.fm API key and secret To use the music recognition feature, you’ll need ACRCloud credentials ..
AnimatedConnectingButtonWidget AnimatedConnectingButtonWidget is a simple and customizable animated connecting button widget AnimatedConnectingButtonWidget The source code is 100% Dart. Motivation I need some clean animated connectingbuttong widget my Flutter application. Getting started Installing Add this to your package’s pubspec.yaml file: This library is posted in pub.dev pubspec.yaml dependencies: animated_round_button_flutter: ^1.0.0 Usage After Importing this library, you can directly ..
Flutter App Templates
