IntroViews is inspired by Paper Onboarding and developed with love from scratch. I decided to rewrite almost all the features in order to make it available to the flutter developers and as extensible as possible. Table of contents Features Getting Started Usage Documentation PageViewModel Class IntroViewFlutter Class Bugs or Requests Donate Contributors License Features Easy addition of pages. Circular page reveal. ..
Category : Flutter App
Vibration A plugin for handling Vibration API on iOS and Android devices. API docs. Getting Started Add vibration to the dependencies section of pubspec.yaml. dependencies: vibration: ^1.7.1 Import package: import ‘package:vibration/vibration.dart’; Methods hasVibrator Check if the target device has vibration capabilities. hasAmplitudeControl Check if the target device has the ability to control the vibration amplitude, introduced in Android 8.0 ..
_Reply (“Reply” rebuilt with Flutter!) ——- Easily send your own custom, pre-defined messages through any platform * Create and store your own message templates * Easily send your messages through any platform * Add, edit, and delete your messages * Preview and edit your message before you send it * Set a timer to remind ..
SpikeChat A fully functional chat application built with Flutter and Stream! Join the chat room (If you have the secret passcode hehe) Send text, images, audio, and video in the chat React to messages (i.e. heart react) and see the reaction count See when the chat was last active Motivation I discovered Stream’s chat API and ..
Widgets that make it easy to integrate blocs and cubits into Flutter. Built to work with package:bloc. Learn more at bloclibrary.dev! *Note: All widgets exported by the flutter_bloc package integrate with both Cubit and Bloc instances. Usage Lets take a look at how to use BlocBuilder to hook up a CounterPage widget to a CounterCubit. counter_cubit.dart class CounterCubit extends Cubit<int> { CounterCubit() : super(0); void increment() => emit(state + ..
WebView for Flutter A Flutter plugin that provides a WebView widget. On iOS the WebView widget is backed by a WKWebView; On Android the WebView widget is backed by a WebView. Usage Add webview_flutter as a dependency in your pubspec.yaml file. You can now include a WebView widget in your widget tree. See the WebView widget’s Dartdoc for more details on how ..
sliver_tools A set of useful sliver tools that are missing from the flutter framework. Here is a taste what you can make using this package The structure of this app: class Section extends State { @override Widget build(BuildContext context) { return MultiSliver( pushPinnedChildren: true, children: <Widget>[ SliverPersistentHeader( pinned: true, … ), if (!infinite) SliverAnimatedPaintExtent( child: ..
Image Cropper A Flutter plugin for Android and iOS supports cropping images. This plugin is based on two different native libraries so it comes with different UI between these platforms. Introduction Image Cropper doesn’t manipulate images in Dart codes directly, instead, the plugin uses Platform Channel to expose Dart APIs that Flutter application can use to communicate with ..
Flip Panel A package for flip panel with built-in animation How to use import ‘package:flip_panel/flip_panel.dart’; Create a flip panel from iterable source: final digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; FlipPanel.builder( itemBuilder: (context, index) => Container( color: Colors.black, padding: const EdgeInsets.symmetric(horizontal: 6.0), child: Text( ‘${digits[index]}’, style: TextStyle( fontWeight: FontWeight.bold, fontSize: ..
PatternFormatter A Flutter package provides some implementations of TextInputFormatter that format input with pre-defined patterns How to use import ‘package:pattern_formatter/pattern_formatter.dart’; Thousands grouping Integer number: TextField( keyboardType: TextInputType.number, inputFormatters: [ ThousandsFormatter() ], ) Decimal number: TextField( keyboardType: TextInputType.number, inputFormatters: [ ThousandsFormatter(allowFraction: true) ], ) Card number grouping TextField( keyboardType: TextInputType.number, inputFormatters: [ CreditCardFormatter(), ], ) Date ..
Shimmer A package provides an easy way to add shimmer effect in Flutter project How to use import ‘package:shimmer/shimmer.dart’; SizedBox( width: 200.0, height: 100.0, child: Shimmer.fromColors( baseColor: Colors.red, highlightColor: Colors.yellow, child: Text( ‘Shimmer’, textAlign: TextAlign.center, style: TextStyle( fontSize: 40.0, fontWeight: FontWeight.bold, ), ), ), ); Download Flutter Shimmer Plugin source code on GitHub Get Shimmer ..
AlGrafx Flutter generative drawing, the port of vanilla Dart Algraphr Try it Download experimental generative drawing source code on GitHub https://github.com/rxlabz/algrafx FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Approximate how your app looks and performs on another device. Features Preview any device from any device Change device orientation Dynamic system configuration: language, dark mode, text scaling factor Freeform device with adjustable resolution and safe areas Keep the application state Take screenshots Quickstart Wrap your app’s root widget in a DevicePreview and inject the dedicated builder and locale into your ..
Flutter Catalog is a catalog of useful handy designs built with flutter. It is inspired by a lot of UI Kits. I will be updating the list as I build them. Social MeetUp Design Enjoy Activities & Profile Designs Onboarding Designs Stats & Info Designs Dialogs and BottomSheets Menus Typography and Colors Download Flutter Catalog or ..
database_manager (Developer Preview) Simple way to manage database. Version control and application’s database schema. Simplify CRUD operations. Installing Add this to your package’s pubspec.yaml file: dependencies: database_manager: “^0.0.4” Sqlite, Path and Path Provider dependencies must be installed. Available features Migration – version control and application’s database schema ORM – simplify CRUD operations Simple usage Migration import ‘package:database_manager/database_manager.dart’; class Table ..
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 on GitHub FlutterappworldProvides the list of the opensource Flutter ..
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-cube-Solver FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub ..
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 on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter App Templates
