This package provides visually beautiful UX through the animation of the credit card information input form. Preview Installing Add dependency to pubspec.yamlGet the latest version in the ‘Installing’ tab on pub.dartlang.org dependencies: credit_card_input_form: ^2.0.0 Import the package import ‘package:credit_card_input_form/credit_card_input_form.dart’; Adding CreditCardInputForm With optional parameters CreditCardInputForm( cardHeight: 170, showResetButton : true, onStateChange: (currentState, cardInfo) { print(currentState); print(cardInfo); }, ..
Movie Zone Flutter Application to get movie details Features Poster of Movie Released Date Country IMDB Rating Runtime Director Screenshots API used http://omdbapi.com/ Contributing If you want to contribute to this project and make it better with new ideas, your pull request is very welcomed. If you find any issue just put it in the ..
Flutter package to get Instagram user details and download reels videos. How to Use To use flutter_insta, first start by importing the package. import ‘package:flutter_insta/flutter_insta.dart’; Get profile details FlutterInsta flutterInsta = new FlutterInsta(); await flutterInsta.getData(“coding_boy_”); Print Details print(“Username : ${flutterInsta.username}”); print(“Followers : ${flutterInsta.followers}”); print(“Folowing : ${flutterInsta.following}”); print(“Bio : ${flutterInsta.bio}”); print(“Website : ${flutterInsta.website}”); print(“Profile Image : ..
Notes App Note taking app with Firebase’s Cloud Firestore as the backend. Skills Used Firebase’s Cloud Firestore Add, update, and delete documents StreamBuilder Card and ListTile Adding IconButtons to the AppBar Screenshot Download Notes App source code..
SheCodeAfrica design challenges #Week3: CarLease screens design challenge by She Code Africa community Screenshots Design Design Implementation(Different Icons) Download CarLease screens design source code on GitHub https://github.com/Anniekobi..
GraphView Get it from Flutter GraphView is used to display data in graph structures. It can display Tree layout and Directed graph. Overview The library is designed to support different graph layouts and currently works excellent with small graphs. You can have a look at the flutter web implementation here: http://graphview.surge.sh/ Layouts Tree Uses Walker’s algorithm ..
fsearch Help developers build the most beautiful search bar. [FSearch] provides developers with a one-stop search bar construction service. Supports borders, corners, gradient background colors and shadows, as well as any number of prefix and suffix action buttons. Provides beautiful Hint animation. Author：Newton(coorchice.cb@alibaba-inc.com) English | 简体中文 Like it? Please cast your Star ！ Features Support beautiful border effect ..
text_formatters A package of pre-built TextInputFormatter objects to use with Flutter’s TextField or TextFormField widgets. Formatters UppercaseInputFormatter, example ‘THISISMYTEXT’ LowercaseInputFormatter, example ‘thisismytext’ AlternatingCapsInputFormatter, example ‘ThIsIsMyTeXt’ Usage new TextField( inputFormatters: [ UppercaseInputFormatter(), ], ), Dependencies This widget set relies on these external third-party components: groovin_string_masks Changelog Please see the Changelog page to know what’s recently changed. Download text formatters package source code on GitHub ..
flutter_dice A sample Flutter app that shows how to manage a responsive state using the provider pattern. Concepts Illustrated Provider pattern Using a provider for global app state (i.e. Theme) Using a provider as a view model for a screen Using an MultiProvider to make the providers accessible Using ChangeNotifierProvider<T> to make the app responsive Consumption of providers using Provider.of<T>(context) method ..
fdottedline Use the easiest way to create a dotted line view! [FDottedLine] provides developers with the ability to create dashed lines. It also supports creating a dashed border for a [Widget]. Support for controlling the thickness, spacing, and corners of the dotted border. Author：Newton(coorchice.cb@alibaba-inc.com) English | 简体中文 Like it? Please cast your Star ！ Features Supports dotted lines ..
ROBBIN modern vocabulary leaning app for SAT/GRE students. supported native human languages KOREAN (ko-KR) ENGLISH (en-US) project structure /app – word app main folder built on flutter /server – service server built on deno /core. – nlp & logic containers app engine wor.io uses inked-engin for internal nlp engine processing. https://github.com/softmarshmallow/inked-engine contribute i want to contribute | ..
flutter_timeline a fully customizable & general timeline widget, based on real-world application references fully customizable indicator dot support spacing between indicator dot and lines support spacing between event (items) but leaving the line connected uses custom paint, but yet, indicator and body are fully customizable. 2 real-world demos L2R support supported & used by enterprise, constantly ..
Dupeboard An android app to track GTA Online car sell limits. Helpful for those who are into glitch. This app is built with Flutter. If anyone want to build this app for iOS, you can start contributing. Releases You can download the Android App for your device from Releases tab or by visiting here. Features Track car sell limits. Provides ..
E-Commerce Complate Flutter UI Staring code Note that: This is not complete yet Watch it on YouTube Packages we are using: flutter_svg: link Complete responsive e-commerce app UI by using flutter. Previews of Final UI Video Preview of Final UI Screens it contains: => Onboarding => Login => Forgot Password => Sign Up => Complete Profile ..
Flutter Facebook Responsive UI Tutorial Download Flutter Facebook Responsive UI source code on GitHub https://github.com/MarcusNg/flutter_facebook_res..
Movie Zone Flutter Application to get movie details Features Poster of Movie Released Date Country IMDB Rating Runtime Director Screenshots API used http://omdbapi.com/ Contributing If you want to contribute to this project and make it better with new ideas, your pull request is very welcomed. If you find any issue just put it in the ..
Flutter package to get Instagram user details and download reels videos. How to Use To use flutter_insta, first start by importing the package. import ‘package:flutter_insta/flutter_insta.dart’; Get profile details FlutterInsta flutterInsta = new FlutterInsta(); await flutterInsta.getData(“coding_boy_”); Print Details print(“Username : ${flutterInsta.username}”); print(“Followers : ${flutterInsta.followers}”); print(“Folowing : ${flutterInsta.following}”); print(“Bio : ${flutterInsta.bio}”); print(“Website : ${flutterInsta.website}”); print(“Profile Image : ..
crypted_preferences Flutter preferences management with crypto capabilities For now preferences are not crypted, I’m waiting for FFI to land 🙂 But you can still use this package to have multiple preferences files in Desktop, mobile and web. Usage API Get and set preference: Getter have an optional param defaultValue if the preference if not set. dynamic get(key) ..
proxy_layout Package to select layout per orientation or device size like mobile vs tablet layouts or portrait vs landscape Usage You have two widgets at your disposal, DeviceProxy to use different widget for mobile and tablet devices, OrientationProxy to use different device depending of the device orientation. DeviceProxy DeviceProxy( mobileBuilder: (context) => Text(‘Mobile widget’), tabletBuilder: (context) => Text(‘Tablet widget’), ..
flare_loading Loading widget based on a Flare animation, allow you to create custom loading widgets or dialogs Usage FlareLoading( name: ‘animation.flr’, startAnimation: ‘intro’, loopAnimation: ‘circle’, endAnimation: ‘end’, ); name: path and name of the flare animation until: callback that return a future to process your initialization isLoading: alternative to until if you want to manage loading state ..
flare_splash_screen Facilitator for having a Splash screen with a Flare animation until some work has been done for the initialization of the app Usage Navigation The splash screen will show the animation and push the new route you gave once it’s finish, by default it does a fade animation but you can customize it by ..
transmission Dart package to talk to a Transmission torrent instance Getting Started Create an instance of Transmission, you can then use it in any data state management you want (bloc, provider, mobx…) final transmission = Transmission( baseUrl: ‘http://192.168.1.35:9091/transmission/rpc’, enableLog: true, ); By default baseUrl uses http://localhost:9091/transmission/rpc. Once you have that you can simply interact with transmission’s data ..
flutter_redux_hooks A set of utilities that allow you to easily consume a Redux Store to build Flutter Widgets. This package is built to work with Redux.dart 3.0.0+. This library is based on flutter_redux, it actually started as a fork of that project. The implementation of StoreProvider available here is the same you will find in that lib, I removed the rest of ..
flutter_group_chat_app A messaging app made with flutter using Google Firebase. The gif below isn’t of the best video quality; hopefully it’s not too bad. Sorry about that! Getting Started 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 ..
task_manager_app A task manager app made with flutter where you can mark your tasks for specific days and keep your life organized! Getting Started 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: ..
weather_app A simple flutter app that helps you stay on top of the weather around you and all over the world, this is my first flutter project. Getting Started 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 ..
Know where you drag & drop! This project demonstrates the use of the new, in Flutter 1.20, onAcceptWithDetails callback on DragTarget. It enables you to determine the coordinates of the drop. Before Flutter 1.20, these coordinates were only available from the Draggable.onDragEnd(details) callback. Getting the drop coordinates (say, for use in painting in/around your DragTarget) was: awkward if the Draggable did not have ..
go An example of using InteractiveViewer to build a go game board. usage Zoom using pinch on mobile or two-finger scroll on touchpad or scroll wheel on the mouse. Pan using tap and drag or click and drag. Drag white or black pieces from the left edge of the screen to add pieces using a finger or ..
NASA Mira View the surface of the Mars with images made by NASA’s rovers. An app to search for images made by NASA’s mars rovers. It’s also provide specifications of the rovers. State Download Latest release: 0.1.0 Beta state New features Added Sojourner rover Added Perseverance rover Latest Images Beta program To aply: Send an email ..
Elements A modern app to track the cemical elements. Including all 118 elements, with their weight, radiation, consistency, type, block, and electronnegativity. If you are a seventh grader or higher, you should use it to help your studying, or use it as a cheat sheat. Download Latest release: 0.2.2 State Beta state New features No result ..
A Flutter slider that makes a wave effect when dragged. Does a little bounce when dropped. Demo Getting Started To use this plugin, add wave_slider as a dependency in your pubspec.yaml file. The color can be set with the color property. The slider size is dependent on the size of its parent. The height of the wave slider can be ..
Blast some confetti all over the screen and celebrate user achievements! Demo WEB Demo A video walkthrough is available here. Getting Started To use this plugin, add confetti as a dependency in your pubspec.yaml file. See the example to get started quickly. To begin you need to instantiate a ConfettiController variable and pass in a Duration argument. The ConfettiController can be instantiated in the initState method and ..
Vulcan RISC-V Instruction Set Simulator Built For Education. Features RV32I Extension. RV32M Extension. Visualization of programming counter (PC), machine code and original instructions side-by-side. Embedded editor inside Vulcan. Integer registers visualization. Single precision floating-point registers visualization. Memory visualization. Syntax Error Alert. To do (In the near future) RV32F Extension. (Studying how to do it in ..
mvp_core An MVP (model/view/presenter) framework for applications written in dart. This package gives specific support to the flutter framework. Getting Started The following code is a stubbed out tutorial of how to use this package. See the example directory in the repository of this package for a more complete example. You can find the repository here. Create the ..
This package provides some widgets you can use to create a smooshy UI. Flutter package Source code How to use This package provides squishy widgets you can use right out of the box. Optionally, you can create custom Dough widgets for a custom squish effect. For a more complete overview of how to use the ..
Elder Launcher Elder Launcher is a launcher designed for seniors focused on simplicity and legibility. Elder Launcher supports pinning favorite apps and contacts to the homescreen for quick access. Tech Elder Launcher is developed using Flutter. The app relies heavily on the following open source Flutter packages: contact_service – For accessing contacts device_apps – For accessing apps Install Flutter ..
DeveloperFolio A clean, beautiful, and responsive portfolio template for Developers! Still in development stage. If you created something awesome and want to contribute then feel free to open Please don’t hesitate to open a pull request. Desktop View Tablet View Mobile View Sections Summary and About me Skills Achievements Blogs Contact me To view a live ..
Flutter Modal Bottom Sheet Create awesome and powerful modal bottom sheets. Cupertino Modal Multiple Modals Material Modal Bar Modal Create your own Try it Explore the Web Demo or clone the repository. Why not showModalBottomSheet? Inspired by showModalBottomSheet, it completes with some must-need features: Support for inside scrollview + dragging down to close (showModalBottomSheet won’t work correctly with scrollviews. Support ..
Create samples of you widgets and preview them in real time This project is experimental but safe to use as not code is added during compilation. It won’t be stable until Flutter web or desktop reaches a stable version too. Getting Started Install Install the vscode Flutter Preview extension. Instructions here Add the preview package to your flutter ..
Experimental binding generator for FFI bindings. Example For some header file example.h: int sum(int a, int b); Add configurations to Pubspec File: ffigen: output: ‘generated_bindings.dart’ headers: – ‘example.h’ Output (generated_bindings.dart). class NativeLibrary { final DynamicLibrary _dylib; NativeLibrary(DynamicLibrary dynamicLibrary) : _dylib = dynamicLibrary; int sum(int a, int b) { _sum ??= _dylib.lookupFunction<_c_sum, _dart_sum>(‘sum’); return _sum(a, b); } _dart_sum _sum;; ..
Flutter App Templates
