Tasky Mobile App A project management mobile app The Backend was coded with Nodejs and serverless with Postgres Database and Firebase Auth. Location the code [here](https://github.com/RegNex/TaskyBackendService) Art Getting Started This project is a starting point for a Flutter application. To clone this project, open your terminal or cmd Then locate the project on your system ..
Author : Flutterappworld
Chaleno A flutter package to webscraping data from websites This package contains a set of high-level functions that make it easy to webscrap websites. It’s multi-platform, and supports mobile, desktop, and the web. Usage Webscraping any data from website, this package give you this power from the easely way Instance Chaleno classe var parser = ..
Quiz-App A quiz app built using Flutter. It currently covers programming topics such as (i.e. TypeScript, Angular, Firebase…) and others. Although the topics can be changed by changing the Firestore data for really any other types of quiz. Going with Flutter is a easy choice with its quick development time and fast execution times. Firebase ..
Number Ticker Number_ticker is a dart package that provides a Robinhood-like number ticker widget for displaying changing number. Usage import ‘package:flutter/material.dart’; import ‘package:number_ticker/number_ticker.dart’; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: ‘Flutter Demo’, theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MyHomePage(), ); } } ..
Animated Login UI with Teddy Used Packages flare_flutter How to run First clone the repo: git clone https://github.com/KauaLimaMartins/Teddy-Animated-Login-UI.git In the repo path: flutter pub get And finally: flutter run Download Animated Login UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter UI Kit UI kit is a readymade developed design template for apps. So if you need develop a Flutter app faster then you can use these Flutter UI Design kit template to speed up your development. So if you are looking to developed your business app with Flutter quickly? Then this article for you. ..
Chat Application UI in Flutter a chat application ui created using flutter. this application consits of two pages Homepage view with tab bar and tab barview and chat room page. Watch this ui build process at youtube: [https://www.youtube.com/watch?v=WgJ6TzNswEo] ScreenShots HomeScreen Chat Room Screen Download Chat Application UI kit source code on GitHub https://github.com/tonydavidx/chattie-ui-design FlutterappworldProvides the ..
Scaled List A Horizontal List view With Lots of modification including a scaled current item , curved custom painting and a dots indictor below it. 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 ..
Niku Effortless property builder for composing maintainable Flutter UI Why Creating UI in Flutter is easy. Its declarative enables developers to control every detail and outcome of how it should be. To create styling in Flutter, developers have to describe every detail to Widget. It’s like low-level programming UI, having to adapt between property is ..
Podcast App – Flutter & Redux Preview Introduction I have built a basic podcast app with an interactive UI, as well as some of its functionalities : Like System Multi-word search system. The app currently has 5 screens : Home: With a hard-coded list of podcasts and an integrated search field. The screen adapts automatically ..
CodeField A customizable code text field supporting syntax highlighting Live demo A live demo showcasing a few language / themes combinaisons Showcase The experimental VM dlox uses CodeField in its online editor Features Code highlight for 189 built-in languages with 90 themes thanks to flutter_highlight Easy language highlight customization through the use of theme maps Fully customizable code field style through a TextField ..
Flutter Password Validator Flutter Password Validator package helps you to validate sign-in user-entered passwords with your rules. How to use 1- Depend on it Add it to your package’s pubspec.yaml file: dependencies: flutter_pw_validator: ^1.2.1 2- Install it Install packages from the command line: flutter pub get 3- Usage First You have to import the file: ..
City Picker From Map A flutter package for select a city from svg map. Supported countries (+150) are here. Screenshots Getting Started In the pubspec.yaml of your Flutter project, add the following dependency: dependencies: … city_picker_from_map: any In your library file add the following import: import ‘package:city_picker_from_map/city_picker_from_map.dart’; Usage CityPickerMap( width: double.infinity, height: double.infinity, map: Maps.TURKEY, onChanged: (city) { setState(() { ..
Kraken Have a try Install Kraken CLI (macOS only currently)$ npm i @openkraken/cli -g Open with kraken# kraken [localfile|URL] $ kraken https://raw.githubusercontent.com/openkraken/kraken/master/kraken/example/assets/bundle.js Why kraken Quick development Compatibility with web standards means you don’t have to change your stack.const text = document.createTextNode(‘Hello World!’); document.body.appendChild(text); Cross platform Seamless integration with Flutter, supports web, mobile (iOS, Android) and desktop (MacOS, ..
Batua A Personal App to track and manage your expenses! Batua is the best money manager and daily expense tracker to automatically and securely track your monthly spends. Stay within budget, pay bills on time and SAVE more money every month. Find out how much you spend on food, shopping, groceries, etc. and how you ..
ar_flutter_plugin Flutter Plugin for (collaborative) Augmented Reality – Supports ARKit for iOS and ARCore for Android devices. Many thanks to Oleksandr Leuschenko for the arkit_flutter_plugin and to Gian Marco Di Francesco for the arcore_flutter_plugin which both served as a great basis and starting point for this project. Getting Started Installing Add the Flutter package to your project by running: ..
Chat App Reader Ui Made with Flutter Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter Author Ui developed by DamiFlutter Screenshot: Download Chat App Reader Ui kit source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps ..
Glory Todo Desktop Basic and Primitive Flutter Desktop Project! Goal My goal is to accept my inexperience without worrying about the plugin shortcomings of Flutter Desktop. Creating a simple application to solve my own problems. Because no mission app meets exactly what I need. That’s why I decided to do my best. I would be ..
Flutter Tutorial – Quiz App UI Let’s create a complete Flutter Quiz App UI from scratch with a beautiful design. Social Media Preview Watch Video Preview App Preview Course Preview ➜ Buy My Courses Watch Video YouTube video where the source code is explained. Subscribe YouTube channel. Download Flutter Quiz App UI kit source code on GitHub FlutterappworldProvides the list ..
Crypto Dashboard Flutter UI Kit Free Flutter UI Kits based on designs on UpLabs . Watch Youtube Speed code Tutorial Here Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter Author Apps were developed by Olayemi Garuba Screenshots Download Crypto Dashboard Flutter ..
drop_zone A 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). Example An example can be found in the example directory of this repository. How to use Add drop_zone to pubspec.yaml of your project: ..
Flutterwave Card Deck The Flutterwave animated card deck in Flutterwave’s landing page implemented with Flutter. Widgets Used AnimatedBuilder.Transform.Stack. Animated Deck Download Flutterwave Card Deck source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Web Portfolio Demo URL https://web-portfolio-ddd55.web.app SpeedCode Tutorial Web Portfolio, Based on a design on UpLabs and hosted on Firebase . Complete flutter projects are available on my Codecanyon.net Page PRs are welcomed. Issues are welcomed too. Send me UI suggestions for any uplabs project on info@flutterpanda.com Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter ..
Dev Ex About Dev Ex : (Dev Exam) application have been developed with flutter + firebase backaend service. It’s a online exam and learning platform for developers. Features Login, Register, Changing password (with firebase auth services) Customize profile, Add profile photo, Change username, Send password reset mail ,Change password in local, change language between English and Russian. Search question by index (able to search question with DropDown list ..
Update: The iOS jank issue relating to shader warmup is now largely mitigated by shader pre-compilation as described here. Huge thanks to the Flutter team! warmup_routine A library for handling animation warmup generically as discussed in: https://github.com/flutter/flutter/issues/76180 This solution is not very scalable for applications with many animations to warm up and is meant mostly as an ..
Very Good Infinite List Developed with by Very Good Ventures A Very Good Infinite List Widget created by Very Good Ventures. InfiniteList comes in handy when building features like activity feeds, news feeds, or anywhere else where you need to lazily fetch and render content for users to consume. Example Usage A basic InfiniteList requires two parameters: itemLoader which is responsible for ..
Flutter Tutorial – Create Invoice PDF Create an Invoice PDF Document completely with Flutter and learn how to generate and view this invoice in Flutter. Preview App Preview Course Preview Watch Video YouTube video where the source code is explained. Subscribe YouTube channel. Download Invoice PDF generator source code on GitHub FlutterappworldProvides the list of the opensource Flutter ..
yeet A dank way to navigate. How to yeet? Install latest version of yeet: dependencies: flutter: sdk: flutter yeet: ^0.4.7 Define your yeets: final yeet = Yeet( children: [ Yeet( path: ‘/’, builder: (_) => HomeView(), ), Yeet( path: r’/user/:id(\d+)’, builder: (ctx) => UserView(int.parse(ctx.params[‘id’]!)), children: [ Yeet( path: ‘posts’, builder: (ctx) => PostsView(int.parse(ctx.params[‘id’]!)), ) ], ..
crop_your_image A flutter plugin which provides Crop Widget for cropping images. crop_your_image provides only minimum UI for deciding cropping area inside images. Other UI parts, such as “Crop” button or “Change Aspect Ratio” button, need to be prepared by each app developers. This policy helps app developers to build “Cropping page” with the design of their own ..
Flow – Just go with the flow! Flow is a water source location mobile app that helps students of the University of Bamenda, Cameroon to find/locate clean water sources. Introduction Flow came about as a result of the persistent water crises in Bambili, Cameroon. This is the location of the University of Bamenda in the ..
Multiavatar Flutter Wrapper for Multiavatar Multiavatar is a multicultural avatar maker. Multiavatar represents people from multiple races, multiple cultures, multiple age groups, multiple worldviews and walks of life. In total, it is possible to generate 12,230,590,464 unique avatars. Installation and usage Add multiavatar to your pubspec: dependencies: multiavatar: any # or the latest version on Pub var svgCode = ..
SurveyKit: Create beautiful surveys with Flutter (inspired by iOS ResearchKit Surveys) Do you want to display a questionnaire to get the opinion of your users? A survey for a medical trial? A series of instructions in a manual-like style?SurveyKit is an Flutter library that allows you to create exactly that. Thematically it is built to provide ..
keyframes_tween A tween that allow defining keyframes for various properties. Quickstart import ‘package:keyframes_tween/keyframes_tween.dart’; class Example extends StatefulWidget { @override _ExampleState createState() => _ExampleState(); } class _ExampleState extends State<Example> with TickerProviderStateMixin { late final controller = AnimationController( duration: const Duration(seconds: 10), vsync: this, ); final tween = KeyframesTween([ KeyframeProperty<Size>( [ Size(10, 10).keyframe(0), Size(100, 100).keyframe(0.5, Curves.easeInOut), Size(200, ..
Flutter Simple & Lightweight Note App Flutter Simple & Lightweight Note App UI/UX Credit: https://dribbble.com/shots/11875872-A-simple-and-lightweight-note-app SQFlite Database GetX State Management Staggered GridView Download Note Taking app UI tamplate source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Google ML Kit Vision Plugin (https://pub.dev/packages/google_ml_vision) A Flutter plugin to use the capabilities of on-device Google ML Kit Vision APIs Usage To use this plugin, add google_ml_vision as a dependency in your pubspec.yaml file. Using an ML Vision Detector 1. Create a GoogleVisionImage. Create a GoogleVisionImage object from your image. To create a GoogleVisionImage from an image File object: final File imageFile = getImageFile(); final ..
Auto Auto-A simpler Flutter UI automation test solution. No need to write any code Recording test scripts is very simple Multi-platform support Pixel-level playback Remote recording and playback … Getting Started 1.Add Dependency dependencies: auto: latest-version 2.Initialize UIAutomator import ‘package:auto/auto.dart’; void main() { UIAutomator.ensureInitialized(); //Make sure this line is at the top of the code ..
Dia A simple dart http server like KoaJS. This package allows you to create a http / http server in a couple of lines. Dia creates a context from a bunch of request and response and passes it through the middleware. The main idea of the project is minimalism. The package contains only basic functionality, ..
Rate Limiter [ Built with at Stream ] Introduction Rate limiting is a strategy for limiting an action. It puts a cap on how often someone can repeat an action within a certain timeframe. Using rate_limiter we made it easier than ever to apply these strategies on regular dart functions. ( Inspired from lodash ) Index Installation Strategies Debounce Throttle Pending Flush Cancellation Installation ..
Flutter Tutorial – AutoComplete TextField & AutoComplete Search Create an AutoComplete TextField to search JSON data based on suggestions in Flutter. Preview App Preview Course Preview Watch Video YouTube video where the source code is explained. Subscribe YouTube channel. ➜ Watch My Video Download AutoComplete TextField & AutoComplete Search widget source code on GitHub https://github.com/JohannesMilke/typeahead_example FlutterappworldProvides the list of the ..
dashed_line Draw dashed lines with any shape and style you want. Just like that. Usage Add the dependency to your pubspec.yaml (you can see the newest version in the pub badge): dependencies: dashed_line: ^0.1.0 Use the widget: import ‘package:dashed_line/dashed_line.dart’; // … DashedLine( path: Path()..cubicTo(-40, 53, 14, 86, 61, 102), color: Colors.red, ) …you can also use the ..
Flutter App Templates
