Flutter WeChat Assets Picker An assets picker which looks like the one in WeChat, based on photo_manager for asset implementation, extended_image for image preview, provider to help controlling the state of the picker. Category Migration Guide Features Screenshots Preparing for use Flutter Android iOS Usage Simple usage Complete param usage Register assets change observe callback Frequent asked questions Build failed with Unresolved reference: R ..
Author : Flutterappworld
waterfall_flow A Flutter grid view easy to build waterfall flow layout quickly. Web demo for WaterfallFlow Language: English | 中文简体 waterfall_flow Use Easy to use CollectGarbage ViewportBuilder LastChildLayoutTypeBuilder CloseToTrailing Use add library to your pubspec.yaml dependencies: waterfall_flow: any import library in dart file import ‘package:waterfall_flow/waterfall_flow.dart’; Easy to use you can define waterfall flow layout within SliverWaterfallFlowDelegate. ..
linkable A Flutter widget to add links to your text. By default, the Text or RichText widgets render the URLs in them as simple text which are not clickable. So, Linkable widget is a wrapper over RichText which allows you to render links that can be clicked to redirect to the URL. That means that a Linkable widget supports all the attributes of a RichText Widget. Currently ..
Flutter Ready to Go A Flutter repo with a ready-to-go architecture containing flavors, bloc, device settings, json serialization and connectivity. Why not just fork it and start a new project with some setup done? There is a full article explaining each one of the following subjects: Flavors Flavors in Dart Visually identifying each flavor Identifying ..
The live stars race Access this project running at jhbitencourt.github.io/stars-race An app running on mobile, web and desktop. How long do you think it will take for flutter to get the first position on this run? Mobile Web Desktop To understand better: Flutter mobile, web and desktop — The stars race Flutter mobile, web e desktop — The stars race — ptBr ..
Don’t do drugs, do Flutter! Repository with a live coding from a talk about Flutter. Download Flutter live chat app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
TimelineTile A package to help build customisable timelines in Flutter. Example You can access the example project for a Timeline Showcase. The Beautiful Timelines contains real world design examples. Or try the web demo Some use cases: Timeline Showcase Football Timeline Activity Timeline Success Timeline Delivery Timeline Weather Timeline Getting Started A Timeline consists in a group of TimelineTiles. To ..
State Persistence Persist state across app launches. By default this library store state as a local JSON file called data.json in the applications data directory. You can change this filename by providing another storage mechanism. If you do not want to store your persisted app state as a JSON file you can extend PersistedStateStorage and provide your own methods ..
How to Integrate Flutter Payments with Razorpay Payment Gateway Learn how to integrate payment gateway with Razorpay in less than 15 minutes, other time in this video is spent in explaining and building User Interface. Video Tutorial: https://youtu.be/7xcYSTH6Kx8 Razorpay Pub: https://pub.dev/packages/razorpay_flutter Console: https://dashboard.razorpay.com/ Getting Started This project is a starting point for a Flutter application. A few resources ..
Info: Flutter plugin for playing or streaming YouTube videos inline using the official iFrame Player API. Supports both Android and iOS platforms. Flutter plugin for playing or streaming YouTube videos inline using the official iFrame Player API. Supported Platforms: Android iOS Salient Features Inline Playback Supports captions No need for API Key Supports custom controls Retrieves ..
Nepali Date Picker Material and Cupertino Style Date Picker with Bikram Sambat(Nepali) Calendar Support. Supports Android, iOS and Fuchsia. Available in Nepali and English Languages. Nepali Date Picker returns data in NepaliDateTime type, which is included in nepali_utils package. NOTE: Use version 3.2.0+2 to support versions prior to Flutter 1.14.x Click here to launch WEB DEMO Salient Features Material DatePicker Cupertino DatePicker Adaptive ..
Nepali Utilities for Dart A pure dart package with collection of Nepali Utilities like Date converter, Date formatter, DateTime, Nepali Number, Nepali Unicode, Nepali Moments and many more. Utility Classes NepaliDateTime DateConversion NepaliDateFormat NepaliNumberFormat NepaliUnicode NepaliMoment many yet to come Language Setup Default language for Nepali Utility classes can be set as: void main(){ NepaliUtils(Language.nepali); ..
Flutter Tagging A flutter package with tagging or multi-select functionality. Useful for adding Tag or Label Selection Forms. List<Language> _selectedLanguages = []; FlutterTagging<Language>( initialItems: _selectedLanguages, textFieldConfiguration: TextFieldConfiguration( decoration: InputDecoration( border: InputBorder.none, filled: true, fillColor: Colors.green.withAlpha(30), hintText: ‘Search Tags’, labelText: ‘Select Tags’, ), ), findSuggestions: LanguageService.getLanguages, additionCallback: (value) { return Language( name: value, position: 0, ); ..
Welcome to Flutter Tag Selector! The fluttertagselector is a flutter package which you can use to create bubble tag selector as show in the below screen shots. You can check it on pub.dev Use this package 1. Depend on it Add this to your package’s pubspec.yaml file: dependencies: fluttertagselector: ^0.1.0 2. Install it You can install packages from ..
appmetrica_sdk A Flutter plugin for Yandex AppMetrica SDK. Plugin implementation status Implemented Events Profiles Not implemented yet Revenue. Coming soon Crashes Push notifications Multiple reporters support (with different API keys) Deeplinks Usage To use this plugin, add appmetrica_sdk as a dependency in your pubspec.yaml file. See demonstration how to use the appmetrica_sdk plugin in example section. Documentation Common documentation ..
mask_text_input_formatter The package provides TextInputFormatter for TextField and TextFormField which format the input by a given mask. Example Check ‘example’ folder for code sample Usage Follow install guide: https://pub.dartlang.org/packages/mask_text_input_formatter#-installing-tab- Import the library: import ‘package:mask_text_input_formatter/mask_text_input_formatter.dart’; Create mask formatter: var maskFormatter = new MaskTextInputFormatter(mask: ‘+# (###) ###-##-##’, filter: { “#”: RegExp(r'[0-9]’) }); Set it to text field: ..
Info: A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it. Motion Tab Bar A beautiful animated widget for your Flutter apps | Preview | |———|———-| | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.0.1 Basic Usage ..
A Kanban Simulator game. A Kanban Board Simulator game where your objective is to generate as much revenue as you can by the end of the final day. Play alone or as part of a team to maximize efficiency and get your stories delivered. Built by scottmacdougall.ca Download on Google PlayStore link: https://play.google.com/store/apps/details?id=com.fortytwo.kanban iOS app ..
Habito Track and build a habit in 21 days. Preview Contributing Make sure devTesting = true in lib/models/devTesting.dart when testing. You can also change showSignIn in lib/models/devTesting.dart to true or false. Just pick an issue from here and create a PR after a fix. Refer to the Flutter online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference. Download Habito App ..
Foodly – Flutter UI Project Foodly is my project in Flutter to see what can I do with the Flutter framework in UI designing. This is made with the help of the Sketch, and all code is written in Dart. All widgets are separated to keep clean code, and you can find all the code ..
Liquid Shrink Side Menu A Side Menu plugin for flutter and compatible with liquid ui Side Menu Types There are 8 configuration of Liquid shrink side menu 1. SlideNRotate 2. SlideNRotate Inverse 3. ShrinkNRotate 4. ShrinkNRotate Inverse 5. Slide 6. Slide Inverse 7. ShrinkNSlide 8. ShrinkNSlide Inverse Getting Started Step 1: Add shrink_sidemenu to pubspec.yaml dependencies: flutter: sdk: flutter ..
Liquid Build fast, responsive, cross platform apps with Liquid. Liquid is an open source UI toolkit for developing cross platform apps in Flutter. Quickly create apps for Android, IOS, Web or Desktop with our powerful grid system, text processor, forms, extensive prebuilt components and dozens of utilities. Visit Liquid Expo and Documentation #MadeWithLiquid Salient Features Powerful grid ..
Lazybit UI I’ll keep on updating this section. Getting Started This project is created Just to design UI in flutter from many sources like dribbble, uplabs, reference from friends etc… Note: Credits goes to the one who designed these UI in Sketch, Adobe any using many various apps and provided this beautiful designs in platform ..
Json Table Widget This Flutter package provides a Json Table Widget for directly showing table from a json(Map). Supports Column toggle also. Live Demo: https://apgapg.github.io/json_table/ Live Data Testing: https://apgapg.github.io/json_table/#/customData Features The table constructed isn’t the flutter’s native DataTable. The table is manually coded hence serves a great learning purpose on how to create simple tables manually in ..
Pie Chart This Flutter package provides a Pie Chart Widget with cool animation. Live Demo: https://apgapg.github.io/pie_chart/ Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: pie_chart: <latest version> Usage Import this class import ‘package:pie_chart/pie_chart.dart’; Usage is simple. Pie Chart is a widget and it just need a Map<String,double> as its data input. Map<String, double> dataMap ..
Avatar Glow This Flutter package provides a Avatar Glow Widget with cool background glowing animation. Live Demo: https://apgapg.github.io/avatar_glow/ Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: avatar_glow: <latest version> Usage Import this class import ‘package:avatar_glow/avatar_glow.dart’; Usage is simple. Avatar Glow is a widget offering different customizable optional parameters with child displayed at its center. ..
Search Widget This Flutter package provides a Search Widget for selecting an option from a data list. Provides filtering of items based on the search text. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: search_widget: <latest version> Usage Import this class import ‘package:search_widget/search_widget.dart’; Add Search Widget Accepts data list as input Option for ..
Animating Location Pin This Flutter package provides a Animating Location Pin Widget which can be used while fetching device location. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: animating_location_pin: <latest version> Usage Import this class import ‘package:animating_location_pin/animating_location_pin.dart’; Add Adding this widget is simple. Just directly use its instance for default configuration Container( child: ..
My Portfolio: Ayush P Gupta This repo is the source code of my portfolio app.View Live Demo Learning App has some unique animations on each page. All involving some different kinds of animations and its code Contribution Fork it Create your feature branch (git checkout -b my-new-feature) Commit your changes (git commit -m ‘Add some ..
flutter_responsive_tabs A responsive tabs demo at two different screen size namely tablet and phone. Live Demo: https://apgapg.github.io/flutter_responsive_tabs/ View Full Article: https://medium.com/@ayushpguptaapg/flutter-responsive-design-956c6e9a6d1b On Tablet On Phone Contribution Fork it Create your feature branch (git checkout -b my-new-feature) Commit your changes (git commit -m ‘Add some feature’) Push to the branch (git push origin my-new-feature) Create new Pull Request ..
not_paid Worried about your payment? Using this package you can provide a non paid version of your app to the client that consistently starts fading out the app/sections after the due date, and fades it out completly when the deadline is exceeded. Supported Dart Versions Dart SDK version >= 2.1.0 Demo Installation Add the Package ..
Flutter UI Concept ScreenShots Design Source Credit: 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 ..
Floating Ribbon A new Flutter package for creating floating ribbons on images. Dependency How To Use In order to achieve the shimmering effect, you need to add a package in pubspec.yaml. The code to reproduce it, import ‘package:skeleton_text/skeleton_text.dart’; import ‘package:floating_ribbon/floating_ribbon.dart’; FloatingRibbon( height: 85, width: 85, childHeight: 75, childWidth: 75, child: Padding( padding: const EdgeInsets.all(8.0), child: ..
skeleton_text A package provides an easy way to add skeleton text loading animation in Flutter project Dependency How To Use To achieve the above example animation use the following code : Explanation I have created a List builder of 10 Containers. Wrapping any widget by SkeletonAnimation would give a beautiful loading animation. SkeletonAnimation Constructor : ..
Flutter UI Concept ScreenShots Design Source Credit: 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 Flutter plugin to use the Cloud Firestore API. For Flutter plugins for other Firebase products, see README.md. Setup To use this plugin: Add cloud_firestore as a dependency in your pubspec.yaml file. Android Using the Firebase Console, add an Android app to your project. Follow the assistant, and download the generated google-services.json file and place it inside android/app. Modify the android/build.gradle file and the android/app/build.gradle file to add ..
Cupertino Stepper for Flutter Cupertino version of the stock Material Stepper in Flutter. NOTE: This is not the same as the UIStepper control on iOS. Stepper is a widget that displays progress through a sequence of steps. Steppers are particularly useful in the case of forms where one step requires the completion of another one, or where multiple steps need to ..
StateMachine A Kotlin DSL for the finite state machine. StateMachine is used in Scarlet Usage In this example, we create a StateMachine from the following state diagram. Define states, event, and side effects: sealed class State { object Solid : State() object Liquid : State() object Gas : State() } sealed class Event { object OnMelted : Event() object ..
Functional batteries for Dart programming language. Provides an implementation of Optional, Either and other types + some helper functions. Usage A simple usage example: import ‘package:built_value/built_value.dart’; import ‘package:dfunc/dfunc.dart’; part ‘main.g.dart’; void main() { final items = [‘a’, ‘b’, ‘c’]; print(‘mapped: ${mapIndexed((i, e) => ‘$e$i’, items)}’); // Sealed classes generation: final Base item = Item1((b) => ..
A library for finite state machine realization in Dart. Inspired by Tinder StateMachine library. Usage A simple usage example (using dfunc library for generating sealed classes): import ‘package:dfunc/dfunc.dart’; import ‘package:fsm/fsm.dart’; part ‘fsm_example.g.dart’; void main() { final machine = StateMachine<State, Event, SideEffect>.create((g) => g ..initialState(Solid()) ..state<Solid>((b) => b ..on<OnMelted>( (Solid s, OnMelted e) => b.transitionTo(Liquid(), LogMelted()))) ..state<Liquid>((b) => b ..
Flutter App Templates
