🌟 Glowup Vibes 🌟 Goated 🐐 Dart language. This package is highly inspired by this Babel plugin See the OG yt short: https://www.youtube.com/watch?v=vgcbwv_3WDU Installation 💻 ❗To get your Glowup Vibes on, make sure you’ve got the Dart SDK installed on your machine. Install via dart pub add: dart pub add glowup_vibes What? 🤔 Glowup Vibes is a Dart package ..
Category : Packages
Soft Keyboard A customizable soft keyboard to use instead of the built-in non-customizable keyboard of any phone. (This package is still in development) Features Customize the background color Choose the colors of the keys Provide IconData for action keys Style the keyboard text as per your preference Adjust the keyboard height Choose between Alphanumeric ..
About: This package provides a responsive modal with multiple pages, motion animation for page transitions, and scrollable content within each page. WoltModalSheet WoltModalSheet is designed to revolutionize the use of Flutter modal sheets. Built with Wolt-grade design quality and used extensively in Wolt products, this UI component offers a visually appealing and user-friendly modal sheet with multiple ..
Evolved Overlay/OverlayEntry – declarative not imperative, intuitive-context, and easy-alignment Want to show floating overlays – tooltips, contextual menus, dialogs, bubbles, etc? This library is an enhancement and replacement to Flutter’s built-in Overlay/OverlayEntry. 🚀 Advantages Why using flutter_portal instead of built-in Overlay/OverlayEntry? Declarative, not imperative: Like everything else in the Flutter world, overlays (portals) are declarative now. Simply put your floating UI in ..
overview A package to convert Widget, Local image, Network image, and Svg file to BitmapDescriptor which can use in google_maps_flutter icon marker. Get started Add dependency dependencies: the_widget_marker: ^1.0.0 Add rounded marker icon with border from network image: onPressed: () async { markers.add( Marker( icon: await MarkerIcon.downloadResizePictureCircle( ‘https://thegpscoordinates.net/photos/la/tehran_iran_5u679ezi8f.jpg’, size: 150, addBorder: true, borderColor: Colors.white, borderSize: ..
Radix Colors A gorgeous, accessible color system An open-source color system for designing beautiful, accessible websites and apps. A dart library for Radix Colors View the Flutter web demo Installation Add the Radix Colors package to pubspec.yaml dependencies: radix_colors: ^1.0.3 Import the package in your dart file import ‘package:radix_colors/radix_colors.dart’; Usage Radix Colors provides 15 color scales, designed ..
Dart package for command line applications to create an version display. Features The package displays a summary of version data for a command line application. The version data it provides includes: the stated version number for your application; the version of the operating system the application is being run on; the number of CPUs available ..
About A #Flutter package that let you draw a flow chart diagram with different kinds of customizable elements. Flutter Flow Chart A package that let you draw a flow chart diagram with different kinds of customizable elements. Dashboards can be saved for later use. See online example here Features diamond, rectangle, oval, storage, parallelogram elements elements can ..
About: This is an example using the pub.dev api where the goal is to list the packages. pub.dev (mobile) official website Find and use packages to build Dart and Flutter apps. This application does not require user authentication and data in this application comes from the https://pub.dartlang.org/api/ Getting Started 🚀 Clone the repo Install the dependicies Run ..
Flutter Survey Inspired by Google Forms A simple yet powerful package that handles the creation of a dynamic questionnaire/research survey with conditional questions.Have you ever wanted to implement a form/questionnaire/survey like the ones you see on Google forms?Have you ever wanted to implement conditional questions that show or hide the questions that follow, based on ..
BREAKING CHANGES IN V2 CacheManager v2 introduced some breaking changes when configuring a custom CacheManager. See the bottom of this page for the changes. flutter_cache_manager A CacheManager to download and cache files in the cache directory of the app. Various settings on how long to keep a file can be changed. It uses the cache-control http ..
Coverde A CLI for basic coverage trace files manipulation. Index Installing Features Usage with melos CI integration for coverage checks Installing You can make coverde globally available by executing the following command: $ dart pub global activate coverde NOTE: To run coverde directly from the terminal, add the system cache bin directory to your PATH environment variable. Features Check coverage value computed from a trace ..
A group of overlapping round avatars is called face piles. A face pile is a series of overlapping avatar images that come and go as users join and leave a given group. Getting started Add this to your package’s pubspec.yaml file: Now in your Dart code, you can use: import ‘package:flutter_face_pile/flutter_face_pile.dart’; Usage import ‘package:flutter_face_pile/flutter_face_pile.dart’; FacePile( faces: [ ..
Note: We know the Clean calendar is still very new, but don’t be put off by it because it will be well-maintained for a very, very long time. It is in the early stages of development. Additionally, you can contact me via email, discord, or any of the other channels provided on my Github profile ..
Flet Flet is a framework that enables you to easily build realtime web, mobile and desktop apps in your favorite language and securely share them with your team. No frontend experience required. ⚡From idea to app in minutes An internal tool or a dashboard for your team, weekend project, data entry form, kiosk app or ..
Flutter 2：Please use flutter_smart_dialog: 4.0.9+5 Flutter 3：Please use the latest version Introduction An elegant Flutter Dialog solution. pub，github，web effect Some Effect Advantage Do not need BuildContext Can penetrate dark background, click on the page behind dialog Support dialog stack，close the specified dialog Support positioning widget, display the specified location dialog Support highlight feature，dissolve the specified location ..
A highly customizable multiple selection widget with fuzzy search functionality MultipleSearchSelection<Country>( items: countries, fieldToCheck: (c) { return (c).name; }, itemBuilder: (country) { return Padding( padding: const EdgeInsets.all(6.0), child: Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(6), color: Colors.white, ), child: Padding( padding: const EdgeInsets.symmetric( vertical: 20.0, horizontal: 12, ), child: Text((country).name), ), ), ); }, pickedItemBuilder: (country) { ..
calendar_view A Flutter package allows you to easily implement all calendar UI and calendar event functionality. For web demo visit Calendar View Example. Preview Installing Add dependencies to pubspec.yamlGet the latest version in the ‘Installing’ tab on pub.devdependencies: calendar_view: <latest-version> Run pub get.flutter pub get Import package.import ‘package:calendar_view/calendar_view.dart’; Implementation Wrap MaterialApp with CalendarControllerProvider and assign EventController to it.CalendarControllerProvider( controller: EventController(), child: MaterialApp( // Your ..
Cool flutter code snippets and code examples Advance Drawer Package : flutter_advanced_drawer Source Code Bottom Navigation Bar Shimmer Download source code on GitHub https://github.com/viralvaghela/flutter_examples FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
excel_to_json A package that allows you to transform your excel to the following format: Excel To JSON Getting Started At current the package allows you to use the following function (note: currently xlsx file type gives perfect results): 1.convert() For implementation have a look at the attached example file in the github repository. Download source ..
inspector A Flutter package for inspecting widgets. Also comes with an eyedropper functionality. Useful for debugging widgets and for QA testing. Supports keyboard shortcuts if you’re using a physical keyboard. Check out the example web app! Inspired by inspx. WIP Warning, the development of this package is still in progress and some things may break your app. ..
A flutter package for iOS and Android for applying filter to an image. A set of preset filters are also available. You can create your own filters too. Installation First, add photofilters and image as a dependency in your pubspec.yaml file. iOS No configuration required – the plugin should work out of the box. Android No configuration required – the ..
I tried Golden Test https://pub.dev/packages/golden_toolkit Verify using this library By the way, it seems that the screenshot of the master is called Golden. I tried to test the case where the color of the widget is different with the counter application OK assumption NG assumption procedure 1. Add golden_toolkit to dev_dependencies 2. Create golden_test.dart in the test folder ..
null_safety_percentage Command-line tool to provide null-safety percentage info of a project. Track your migration progress on mixed-version programs that execute with unsound null safety. Important links Read the source code and star the repo on GitHub Open an issue on GitHub See package on pub.dev Read the docs on pub.dev Dart Null safety Migrating to null safety ..
flutter_draggable_gridview This package supports drag & drop widgets inside the GridView.builder for multiplatform. It provides all the properties which are available in Gridview.builder and easy to implement with the few lines of code. Draggable GridView. Usage Example Required parameters gridDelegate: A delegate that controls the layout of the children within the GridView. listOfWidgets: This property ..
A customizable segment tab control. Can be used with or without TabView. Made in lanars.com. Features The package provides an advanced segmented control widget based on the TabController. Getting started To use the package, add the dependency to the pubspec.yaml file. And import the library. import ‘package:animated_segmented_tab_control/animated_segmented_tab_control.dart’; Usage The package contains a SegmentedTabControl widget that requires a SegmentTab list. SegmentedTabControl( tabs: [ SegmentTab( ..
async_call_queue AsyncCallQueue is a Dart class which provides a queuing mechanism to prevent concurrent access to asynchronous code. Getting Started Add this to your app’s pubspec.yaml file: dependencies: async_call_queue: ^1.0.0 Usage Then you have to import the package with: import ‘package:async_call_queue/async_call_queue.dart’; And use AsyncCallQueue where appropriate. Some examples: // This is the control. The delayedWrite1234To function writes each // ..
StateNotifier Hook This package provides a useStateNotifier hook similar to useValueListenable. There is also useCreateStateNotifier hook which creates a StateNotifier and automatically dispose it. Usage // 1. Create your state notifier as usual. class CounterNotifier extends StateNotifier<int> { CounterNotifier() : super(0); void increment() => state++; void decrement() => state–; } // 2. Extend hook widget class ReadMeExample extends HookWidget { const ReadMeExample({Key? ..
easy_scroll_to_index A new Flutter package support scroll to index for Listview, Gridview and NestedScrollView Author: DinhVanHung Demo Example: Display on UI To display on UI, currently you can use EasyScrollToIndex. Example: vertical horizontal Download scroll to index package source code at GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
listview_and_types A new Flutter project that shows how to use ListView and what is the differents between its types, and what a ListTile does and how it helps us to design beautiful UI. You can watch the episode on YouTube. Getting Started This project is a starting point for a Flutter application. A few resources to get you started ..
Animated Splash Screen About: A light weight package for flutter apps, that easily shows a splash screen with a nice fade animation. Using the package Get the library environment: sdk: “>=2.1.0 <3.0.0” Add dependency in pubspec.yaml dependencies: animated_splash: ^1.0.0 Things to do Get a logo for your app Prepare what to execute while the splash screen ..
A Flutter package that makes navigation and routing easy. Learn more at vrouter.dev Here are a few things that this package will make easy: Automated web url handling Nesting routes Transition Advanced url naming Reacting to route changing Customizable pop events And much more… Index Index Getting started VRouter VRouteElements VWidget VGuard VRouteRedirector VNester VPopHandler Navigation ..
hCaptcha Flutter During one of the projects I was working on, I found out that there aren’t any “solid enough” captcha implementations in Flutter. After following [https://medium.com/@hCaptcha/implementing-hcaptcha-in-your-flutter-app-13ea6ddca71b](this official guide) on https://www.hcaptcha.com/, I decided to make an “all-in-one” solution, that takes care of the state and widgets needed to get HCaptcha Working with your flutter project. This Repository ..
ValorantClient valorant_client is a library to interact with VALORANT Game API’s to fetch user specific data such as matches played, user info, store info etc. Usage Add valorant_client as a dependency on pubspec.yaml file on your project root. At the time of this writing, the latest package version is 1.1.0. Do check Package Page to get latest version. dependencies: valorant_client: ^1.1.0 Import ..
google_sign_in_dartio A Flutter package that implements Google Sign In in pure Dart. This package is compatible with google_sign_in plugin and works on all platforms Flutter supports but it’s intended to be mainly used on Desktop. Getting Started Install and initialization Depend on itdependencies: google_sign_in: ^4.1.4 google_sign_in_dartio: ^0.0.6 Run flutter pub get Importimport ‘package:google_sign_in/google_sign_in.dart’; import ‘package:google_sign_in_dartio/google_sign_in_dartio.dart’; Register the packageimport ‘package:flutter/material.dart’; import ..
Bonsai Features A tiny Dart logging package. Based loosely on “Android style” debug logging and somewhat influenced by Square’s logcat Uses the logging functionality from the dart:developer package. Getting started Just import the package and call the init method somewhere, like at the start of your main(): import ‘package:bonsai/bonsai.dart’; void main() { const debug = true; if (debug) { ..
go_router The goal of the go_router package is to simplify use of the Router in Flutter as specified by the MaterialApp.router constructor. By default, it requires an implementation of the RouterDelegate and RouteInformationParser classes. These two implementations themselves imply the definition of a third type to hold the app state that drives the creation of the Navigator. You can read an excellent blog post on these requirements on Medium. This ..
flutter_image_saver Simple and effective cross platform image saver for flutter, supported web and desktop. Usage final savedPath = await saveImage(data, ‘image.png’); Android android/app/src/main/AndroidManifest.xml: Add android:requestLegacyExternalStorage=”true” to <application>. Download flutter image saver package source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
light_color_picker5 A new Flutter Application to control self build lamps for my personal use. You need extra hardware & software for getting this project running. This is just the code of the App. Download Light Color Picker source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
contextualized Context is a HashMap with shadowing (inherits parent values) and helpers to work with Types as keys Installation pubspec.yaml: dependencies: contextualized: ^1.0.0 Example class A { const A(this.value); final int value; } class B { const B(this.value); final int value; } const key = A(42); const value = B(15); typedef Factory<T> = T Function(); final ..
Flutter App Templates
