Short Intro: It’s OK to love Flutter and hate hand-coding design elements. Parabeac-Core converts design files into Flutter code. Parabeac-Core Parabeac-Core is an open-source repository that converts design files into Flutter code. · Designer Protocol · Understanding the code export · Contribute · Community · Dev.to Special Shout out if you’re here for #HacktoberFest! Double your swag by contributing to Parabeac as one of ..
Category : Dart
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. ..
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 ..
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 ..
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_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, ..
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’; ..
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 ..
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 ..
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 ..
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 ..
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 ..
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 } ..
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 ..
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> ..
A flutter package which will help you to create a draggable widget that can be dragged around the screen. Demo Features Manually Control the position of the widget along with drags. Automatically resizes itself when the widget changes Highly customizable Supports Flutter web as well Properties /// The widget that will be displayed as dragging ..
A flutter package which will help you to generate pin code fields with beautiful design and animations. Can be useful for OTP or pin code inputs Features Automatically focuses the next field on typing and focuses previous field on deletation Can be set to any length. (3-6 fields recommended) 3 different shapes for text fields ..
get_storage A fast, extra light and synchronous key-value in memory, which backs up data to disk at each operation. It is written entirely in Dart and easily integrates with Get framework of Flutter. Supports Android, iOS, Web, Mac, Linux, and fuchsia and Windows**. Can store String, int, double, Map and List Add to your pubspec: ..
Languages: English (this file), Brazilian Portuguese, Spanish,Polish. About Get GetX is an extra-light and powerful solution for Flutter. It combines high performance state management, intelligent dependency injection, and route management in a quick and practical way. GetX has 3 basic principles, this means that this is the priority for all resources in the library PERFORMANCE: GetX is focused ..
Short into: A collapsible sidebar for Flutter apps implementing the Material Design. collapsible_sidebar A collapsible sidebar for Flutter apps implementing the Material Design. Features Material Design Pre-built customizable tile widgets (CollapsibleItems) Smooth Animation Supported platforms Flutter Android Flutter iOS Flutter web Flutter desktop ???? Version 1.0.7+2 ✨ Added ability to handle lists of icons Added ..
Supercharged Supercharged brings all the comfort features from languages like Kotlin to all Flutter developers. ???? fully tested ???? well documented ???? enterprise-ready For dart web/native projects you can use ⚡ Supercharged Dart. ⛏️ Getting started Add the dependency supercharged: ^1.X.X (find recent version) to your project and start using Supercharged everywhere: ???? Highlights Transform any String to colors Helpful string functions: Handle user input: Effortless aggregation for Iterable<int> and Iterable<double>: Advanced ..
arkit_flutter_plugin Short intro: Flutter Plugin for ARKit – Apple’s augmented reality (AR) development platform for iOS mobile devices. Note: ARKit is only supported by mobile devices with A9 or later processors (iPhone 6s/7/SE/8/X, iPad 2017/Pro) on iOS 11 and newer. For some features iOS 12 is required. Usage Depend on it Follow the installation instructions from Dart ..
interactive_webview Plugin that allow Flutter to communicate with a native WebView. Warning: This is not a display WebView. This plugin is designed to make communication between Flutter and WebView javascript. You can call a Javascript function; in the other hand, you can send messgage (postMessage) from Javascript to Flutter Android: using JavascriptInterface iOS: using WKUserContentController Getting Started For ..
Flutter App Templates
