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 ..
Category : Flutter App
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;; ..
Karaoke app for linux A small karaoke/lyrics display for the currently running VLC song. Video: Make sure the songs have metadata (at least title and artist). Downloading Download from the “Releases” section chmod +x karaoke-x86_64.appimage ./karaoke-x86_64.appimage Building step 0 – setup a linux flutter toolchain step 1 – flutter run Known bugs Attempting to close the ..
Speak NATO A simplistic mobile application with Material design that helps you communicate using different phonetic alphabets. Installation Screenshots Acknowledgements The icon used by the app is made by Freepik and licensed under Creative Commons BY 3.0. Contributing Found a bug or would like to request a feature and don’t know how to do it yourself? Just open ..
bottom_draggable_drawer A flutter draggable drawer Getting Started class TestPage extends StatelessWidget { final BottomDraggableDrawerController controller = BottomDraggableDrawerController(); @override Widget build(BuildContext context) { return Scaffold( appBar: CupertinoNavigationBar( middle: Text(‘Drawer Example’), trailing: GestureDetector( onTap: () { controller.switchDrawerStatus(); }, child: Text(‘switch’)), ), body: Stack( children: <Widget>[ Center( child: Container( height: 100, width: 300, child: Text(‘this is your main ..
jr_extension An awesome Flutter package with widget extension. Why do I want to create this lib? In SwiftUI framework created by apple,views use modifier to declare what the views look,which makes code readable. But in flutter,we usually use some nested code to setup the properties,making the code very ugly… So today,I create this lib to avoid nested ..
linked_scroll_widgets A lib full of widgets that can react to the scrollController’s offset change,to custom your UI effect. Get started with an simple example: LinkedOpacityWidget: class LinkedOpacityPage extends StatefulWidget { @override _LinkedOpacityPageState createState() => _LinkedOpacityPageState(); } class _LinkedOpacityPageState extends State<LinkedOpacityPage> { ScrollController controller; @override void initState() { super.initState(); controller = ScrollController(); } @override Widget build(BuildContext ..
flutter_swipe_action_cell A package that can give you a cell that can be swiped ,effect is like iOS native Why do I want to create this lib? I like iOS native ‘s swipe action ,but flutter doesn’t give an official widget . So I try to create one. Get started with example Tip:This widget should be ..
twitter_desktop A new 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 your first Flutter app Cookbook: Useful Flutter samples For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance ..
CircularDropDownMenu Description A custom dropdown button lets the user select from a number of items. The button shows the currently selected item as well as an arrow that opens a menu for selecting another item. A new Flutter package created by suryadevsingh. Demo Contributing Pull requests are welcome. For major changes, please open an issue ..
CircularDateTimePicker A new Flutter package CircularDateTimePicker Created by suryadevsingh. Demo Contributing Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. Download CircularDateTimePicker source code on GitHub https://github.com/suryadevsingh/CircularDateTimePicker FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
CustomToggleSwitch A new Flutter package customtoggleswitch is used to toggle a setting between on/off which is true/false respectively Created by suryadevsingh. Demo 1. Depend on it dependencies: customtoggleswitch: any 2. Install it $ flutter pub get 3. Import it import ‘package:customtoggleswitch/customtoggleswitch.dart’; Contributing Pull requests are welcome. For major changes, please open an issue first to ..
About A boilerplate for any technical community to pick up and use for their own without any hassle This app is a center to various events ranging from portraying the member’s achievements to announcing the upcoming opportunities. Additionally, this app developed by the community, and for the community, will add elegance. Plus, being open-source. GirlScript ..
TallyAssist TallyAssist is an open source Flutter-based template for a business assistant application. It has been designed to use Google Firebase as backend. The project had started out with an intent to become a mobile interface for Tally (India’s premier accounting software). Over time, it refined to become a more focused business assistant application. For more details, check out ..
Figma to Code Most design to code plugins are bad, some are even paid. This project aims to raise the bar by generating responsivelayouts in Tailwind and Flutter. The plan is to eventually add support for Jetpack Compose and possibly standard HTML or other frameworks like React Native, SwiftUI, Bootstrap or Fluent. Feedback, ideas and partnerships are appreciated! How it works This plugin takes an unconventional approach to ..
Fast.cli An incredible command line interface for Flutter. It allows you to create your own CLI without coding a line. With this CLI, you can create your custom templates and define how your project will start. The generated directories and files are defined from the outside in, that is, the users define the resources, the ..
flutter-nasa-apod A simple Flutter App to photos of NASA’s Astronomy Picture of the Day. Screenshots Download flutter nasa app photo of the day source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
WorldClock An Analog and a Digital World Clock with 387 timezones Dependencies intl – https://pub.dev/packages/intldata connection checker – https://pub.dev/packages/data_connection_checkerhttp – https://pub.dev/packages/http ScreenShots 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: Useful Flutter samples ..
image Overview A Dart library providing the ability to load, save and manipulate images in a variety of different file formats. The library has no reliance on dart:io, so it can be used for both server and web applications. Supported Image Formats: Read/Write: PNG / Animated APNG JPEG Targa GIF / Animated GIF PVR(PVRTC) Read Only: ..
Church App UI made with Flutter A church app UI made with Flutter.Lookup the original work on Beehance Concept UI Main Screen (Landing Page) Main Screen (Landing Page) Menu Screen Events Page Sermons Page Testimoials Page Download Church App UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. ..
Social App UI A simple Social UI concept made with Flutter. Download Social App UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
About A simple flutter app that downloads a file from the internet, shows a custom-made download progress dialog and saves the file to device’s internal storage. http_downloader A simple flutter app that downloads a file from the internet using the http plugin.It has a custom-designed progress dialog which displays the download percentage to the user leveraging the ..
flutter_text_drawable A flutter package that gives you the flexibility to create and customize text user avatars like Gmail and Contacts. It also provides a TextDrawableListTile widget which wraps around the material ListTile widget to provide easy control when using TextDrawable with a ListTile. Basic Usage Simply add the TextDrawable to your widget tree like so: TextDrawable( text: “Some Text”, ) Respond to Tap Events ..
show_hide_fab A flutter package that provides easy methods to show and hide a FAB attached to a Scaffold. Basic Usage Simply add the ShowHideFAB to your Scaffold as the floatingActionButton parameter. ShowHideFAB( shouldShow: showFab, animationDuration: Duration(milliseconds: 500), fab: FloatingActionButton( backgroundColor: Colors.green, child: Icon(Icons.add, color: Colors.white), onPressed: () {}, ), ), Example This code demonstrates showing and hiding ..
Flutter Face Detection app Flutter Face Detection with Firebase ML Kit and CustomPainter.Read the article on Medium 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: Useful Flutter samples For help getting ..
Origin Home UI A simple UI design of the Origin Games Homepage.I didn’t have internet data to do what I was doing so I decided to have some fun .Then when I finally got data in the evening , I added the liquid progress package and called it a day . Screenshots Made with by Akora Ing. DKB * Getting Started A ..
A Protfolio Website – Flutter Web Watch it on YouTube This UI is not Responsive A nice clean Portfolio Website for Designer or developer. Which includes almost everything that you want to show. At first, your name and a big picture. Then About section shows more info about you with a cool experience card. Then ..
Flutter App Templates
