flutter_tags Create beautiful tags quickly and easily. Installing Add this to your package’s pubspec.yaml file: dependencies: flutter_tags: “^0.4.9” DEMO Simple usage import ‘package:flutter_tags/flutter_tags.dart’; . . . List _items; double _fontSize = 14; @override void initState(){ super.initState(); // if you store data on a local database (sqflite), then you could do something like this Model().getItems().then((items){ _items ..
Ironsource Flutter Mediation SDK A Flutter plugin that uses native platform views (IOS & Android) to show IronSource banner and interstitial ads! Getting Started Initialize the plugin (Android Only): Android Installing Manifest Permissions # Add the following permissions to your AndroidManifest.xml file inside the manifest tag but outside the tag: <uses-permission android:name=”android.permission.INTERNET” /> <uses-permission android:name=”android.permission.ACCESS_NETWORK_STATE” ..
flutter inner drawer Inner Drawer is an easy way to create an internal side section (left/right) where you can insert a list menu or other. Installing Add this to your package’s pubspec.yaml file: dependencies: flutter_inner_drawer: “^0.5.7+2” Demo Simple usage import ‘package:flutter_inner_drawer/inner_drawer.dart’; . . . @override Widget build(BuildContext context) { return InnerDrawer( key: _innerDrawerKey, onTapClose: true, ..
Bezier Chart A beautiful bezier line chart widget for flutter that is highly interactive and configurable. Features Multi bezier lines Allow numbers and datetimes Gestures support like touch, pinch/zoom, scrolling Highly customizable Instructions Long press and drag to display the indicator Tap to dismiss the indicator When using chart Scale different from Custom, you can ..
Toggle Switch A simple toggle switch widget. It can be fully customized with desired icons, width, colors, text, corner radius etc. It also maintains selection state. Getting Started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … toggle_switch: “^0.1.8” Import it: import ‘package:toggle_switch/toggle_switch.dart’; Usage Examples Basic toggle switch // Here, default theme colors ..
Storify Add captions to songs in your Spotify playlists Download Screenshots Features Sign in using Spotify Load playlists from Spotify Add captions to each song in a Spotify playlist Share playlist via link Browse playlists created by other users Save playlists Built With Flutter Spotify Web API Firebase Cloud Firestore Algolia – search provider Download Storify ..
drag_and_drop_lists Two-level drag and drop reorderable lists. Features Reorder elements between multiple lists Reorder lists Drag and drop new elements from outside of the lists Vertical or horizontal layout Expandable lists Can be used in slivers Easy to extend with custom layouts Usage To use this plugin, add drag_and_drop_lists as a dependency in your pubspec.yaml file. For example: Now ..
Flutter FTP Connect Flutter simple and robust dart FTP Connect Library to interact with FTP Servers with possibility of zip and unzip files. Key Features • Examples • License Key Features Upload files to FTP Download files/directories from FTP List FTP directory contents Manage FTP files (rename/delete) Manage file zipping/unzipping Completely asynchronous functions Example upload file ###example 1: import ‘dart:io’; ..
Drinkable Drinkable is a Flutter App powered by Firebase to keep track your daily water intake and remind you to drink water by sending notifications. In this app user will sign up using their Google Account (Google Sign-In) and if he/she is a new user, then he/she have to fill a form with basic details ..
Habo is a simple open-source habit tracking application. It is created in the Flutter framework with a single codebase for Android and iOS. Currently available on the Play store. Contributing Bug reports If you are interested in contributing to this project. See the contributing page. Download Habo app source code..
animate_do An animation package inspired in Animate.css, built using only Flutter animations, no extra packages. Getting Started This package is simple to use. Every single animation contains default values that look beautiful, but you can change properties to accomplish your needs. Properties in almost every animated widget: Property Type Description key Key (optional) Widget key child ..
Razorpay Flutter Flutter plugin for Razorpay SDK. Getting Started Prerequisites Installation Usage Troubleshooting API Example App Getting Started This flutter plugin is a wrapper around our Android and iOS SDKs. The following documentation is only focused on the wrapper around our native Android and iOS SDKs. To know more about our SDKs and how to ..
Flutter DropdownSearch Flutter simple and robust DropdownSearch with item search feature, making it possible to use an offline item list or filtering URL for easy customization. Key Features • Examples • License Key Features Online and offline items Searchable dropdown Three dropdown mode: Menu/ BottomSheet/ Dialog Material dropdown Easy customizable UI Handle Light and Dark theme Easy implementation into statelessWidget ..
Short Intro: Fancy pre-built animations that can easily be integrated into any Flutter application. High quality pre-built Animations for Flutter This package contains pre-canned animations for commonly-desired effects. The animations can be customized with your content and dropped into your application to delight your users. To see examples of the following animations on a device ..
AI based Rubik’s Cube Solver using Flutter and Python Mobile app for solving 3*3 Rubik’s Cube. Screenshot Python Libraries Flask (https://pypi.org/project/Flask/) Numpy (https://pypi.org/project/numpy/) Rubik Solver (https://pypi.org/project/rubik-solver/) Rubiks Cube Tracker (https://github.com/dwalton76/rubiks-cube-tracker) OpenCV (https://pypi.org/project/opencv-python/) Download AI Based Rubik’s Cube Solver app source code on GitHub https://github.com/brinesoftwares/Flutter-AI-Rubik-c..
Flutter feed thread example iOS Device Android Device ** Please click the Image to know how it works ** Project Feature * Realtime timeline Push Notification Post a text with Image Change Profile information Write a comment and reply the comment. [!] Gradle does not have execution permission. You should change the ownership of the ..
LunaLearning Final UI. two pages one is the home page with a search bar at the top and lists of courses and daily progresses . And the other one is the Courses Screen that provides more details about the course , you can preview the courses screen with a long presse. Preview courses with LongPresse. ..
get_it Short intro: Get It – Simple direct Service Locator that allows to decouple the interface from a concrete implementation and to access the concrete implementation from everywhere in your App. This is a simple Service Locator for Dart and Flutter projects with some additional goodies highly inspired by Splat. It can be used instead of InheritedWidget or Provider to access objects ..
Draggable Scrollbar A scrollbar that can be dragged for quickly navigation through a vertical list. Additionaly it can show label next to scrollthumb with information about current item, for example date of picture created. Usage You can use one of the three built-in scroll thumbs, or you can create a custom thumb for your own ..
Short Intro: Compact representation of a placeholder for an image. Encode a blurry image under 30 caracters for instant display like used by Medium. Flutter BlurHash Compact representation of a placeholder for an image. Generation You can use https://blurha.sh/ for testing or use any official api on your server side. Flutter Code Constrain your widget render area ..
PlutoGrid for flutter – v0.1.13 PlutoGrid is a data grid that can be controlled by the keyboard on desktop and web.Of course, it works well on Android and IOS. Demo Web Try some simple features on the demo site. Pub.Dev Check out how to install from the official distribution site. Documentation The documentation has more ..
ColorfulSafeArea A more customizable replacement for the SafeArea widget. It lets you set the color of your SafeArea without affecting the color of its child. Use it just like a regular SafeArea widget Scaffold( body: ColorfulSafeArea( child: SomeWidget(), ), ); Setting Color The color of ColorfulSafeArea widgets are transparent by default. To change their color, set the color property. Scaffold( body: ColorfulSafeArea( color: Colors.red, child: ..
stripe_payment Conveniently secure payments methods using Stripe. Quick Glance This Flutter plugin is a straight port from tipsi-stripe plugin for React Native – we tried to keep the API as close as possible so the documentation applies this this plugin as well. Collect chargable tokens from users’ Card Input and Apple & Google Pay For SCA compliant apps, setup payment ..
OctoImage An image library for showing placeholders, error widgets and transform your image. Recommended to use with CachedNetworkImage version 2.2.0 or newer. Getting Started The OctoImage widget needs an ImageProvider to show the image. You can either supply the widget with a placeholder or progress indicator, an ImageBuilder and/or an error widget. However, what OctoImage makes is the use of OctoSets. OctoSets are predefined ..
Animated AppBar A simple flutter example project, using Stack and CurvedAnimationController to create an animated AppBar like Tokopedia app. Getting Started Download Animated App Bar source code..
CurvedAnimationController An easy way to use AnimationController with Curve. Getting Started You should ensure that you add the controller as a dependency in your flutter project. dependencies: curved_animation_controller: ^1.0.1 You can also reference the git repo directly if you want: dependencies: curved_animation_controller: git: https://github.com/salkuadrat/curved_animation_controller.git You should then run flutter packages upgrade or update your packages in IntelliJ. ..
Colours An extended version of Flutter Colors with more swatches and more flexibility to generate your own custom swatch. Getting Started In your flutter project add the dependency: or reference the git repo directly: Examples Suppose your brand color is #00aa13. Gojek Brand Color [#00aa13] You can generate your own custom swatch using: It will generate ..
CoolQuiz (Flutter – Dart) A simple yet elegant Quiz App developed with Flutter. Some of the Widgets and Plugins used TextFormField Buttons Snackbar Shared Preferences Files FutureBuilder Builder Row Columns etc. Features Saves user information with Shared preferences Saves quiz score in a file, so when user restarts the app, he/she can check the previous ..
admob_flutter A Flutter plugin that uses native platform views to show Admob banner ads! This plugin also has support for Interstitial and Reward ads. Installation Add this to your package’s pubspec.yaml file: dependencies: admob_flutter: “<LATEST_VERSION>” Install it – You can install packages from the command line: flutter pub get Android Specific Setup Update your AndroidManifest.xml ..
Short Intro: A Dart library for accessing common Win32 APIs using FFI. No C required! A package that wraps some of the most common Win32 API calls using FFI to make them accessible to Dart code without requiring a C compiler or the Windows SDK. Perhaps of as much use as the APIs themselves, this ..
barcode Barcode generation library for Dart that can generate generic drawing operations for any backend. If you are looking to print barcodes, use pub:pdf. If you want to display barcodes in a Flutter application, use pub:barcode_widget. To generate SVG barcodes see the example tab. To generate barcodes in images, use pub:barcode_image. Live example with Flutter Web: https://davbfr.github.io/dart_barcode/ They all ..
Pdf creation library for dart/flutter This library is divided into two parts: a low-level Pdf creation library that takes care of the pdf bits generation. a Widgets system similar to Flutter’s, for easy high-level Pdf creation. It can create a full multi-pages document with graphics, images, and text using TrueType fonts. With the ease of ..
Flutter Number Picker is a custom widget designed for choosing an integer or decimal number by using add and minus buttons. Getting Started Head to /pubspec.yaml and add below dependencies like this: OR Run flutter packages get or use the GUI equivalent Now in your code import ‘package:flutter_number_picker/flutter_number_picker.dart’; You’re ready to go! Creating FlutterNumberPicker Widget CustomNumberPicker( initialValue: 10000, maxValue: 1000000, ..
FluxBuilder is a drag-and-draw tool which helps users build and customize Flutter mobile app in an easy way. Instead of spending thousands of dollars in hiring a mobile developer team and months in waiting for the app to be delivered, users now could be able to build their own mobile app in just a few ..
Welcome to Riverpod! This project can be considered as a rewrite of provider to make improvements that would be otherwise impossible. 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 } ..
Cloth Shop – Flutter Cloth Shop it’s an example using Flutter for Android and iOS. About This repository serves the source code for the Ecommers sample mobile app for iOS and Android. Getting Started Ensure Flutter SDK is installed correctly, flutter doctor Fetch dependent Dart/Flutter packages, flutter pub get Due to we use compile-time JSON serialization and ..
Short Intro: Have you been turned into a problem with writing code for Http requests? This package can help. It has all of the Http and model codegen functionality you have been looking for. Build dart types from Swagger/OpenAPI schemas SwaggerDartCodeGenerator is a code generator that looks for *.swagger files and builds .swagger.dart files, based on the schema. Codegenration ..
GesturePasswordWidget English | 简体中文 A gesture-unlocking control for Flutter that supports a high degree of customization. Demo: 1）A simple and common demo. Rendering: Code： GesturePasswordWidget( lineColor: const Color(0xff0C6BFE), errorLineColor: const Color(0xffFB2E4E), singleLineCount: 3, identifySize: 80.0, minLength: 4, errorItem: Image.asset( ‘images/error.png’, color: const Color(0xffFB2E4E), ), normalItem: Image.asset(‘images/normal.png’), selectedItem: Image.asset( ‘images/selected.png’, color: const Color(0xff0C6BFE), ), answer: [0, 1, 2, ..
TikTok Flutter Clone of TikTok with Flutter and Firebase. Preview Video Demo: https://youtu.be/sMKg6ILYgv0 Caracteristics -TikTok UI-Swipe Videos-Dynamic Video Data Source-User Data (Name, Image)-Animations(Image rotation) Libraries -video_player.-cloud_firestore:-cached_network_image Installation 1.-Clone or download this repository git clone https://github.com/salvadordeveloper/TikTok-Flutter.git 2.-Config your Firebase instance and insert the google-service.json in android/app/ or ios/Runner 3.-Config flutter project : flutter pub get Database The ..
Overview Flutter plugin to add Camera support inside your project. CamerAwesome include a lot of useful features like: Live camera flip ( switch between rear & front camera without rebuild ). No init needed, just add CameraAwesome widget ! Instant focus. Device flash support. Zoom. Fullscreen or SizedBox preview support. Complete example. Taking a picture ( of course ). Installation and usage Set permissions iOS add these on ios/Runner/Info.plist file <key>NSCameraUsageDescription</key> ..
Flutter App Templates
