A Flutter widget to use Echarts in a reactive way. Features Reactive Updating The most exciting feature of Flutter widgets and React components is that the view could update reactively to the change of data. Thanks to Echarts’ data driving architecture, flutter_echarts implemented a reactive way to connect chart with data. The chart will automatically ..
Category : UI
SpaceX GO! Simple yet powerful, open-source SpaceX launch tracker About the project The purpose of this project is to develop the ultimate SpaceX experience in a variety of platforms. A single experience, from a single codebase. From the start, SpaceX GO! has been developed to be light-weight, fast and easy to use. It takes all ..
About: Mobile App that suggests a meal for every day of the week. That helps people not eating the same food over and over. suggestion_repas An app that suggests a meal for every day of the week Getting Started This project is a starting point for a Flutter application. A few resources to get you ..
TV Randshow – App to choose a random TV show episode About the project TV Randshow was created to help choose a random episode from your favorites TV shows. The TV shows database comes from the TMDB and the app saves them in a database on the device. With the list of favorites, you can ..
Bloon Bloon is mobile application for E3 project in ESIEE Paris. It list all night clubs and events in Paris and recommend you according to you personnalized profile. Bloon organize your party into one click. Features Profile : When you create a new account, you can personalize your profile with a new image from your ..
flutter_turtle flutter_turtle is a simple implementation of turtle graphics for Flutter. It simply uses a custom painter to draw graphics by a series of Logo-like commands. For further information about turtle graphics, please visit Wikipedia: https://en.wikipedia.org/wiki/Turtle_graphics https://en.wikipedia.org/wiki/Logo_(programming_language) Why I make this? It is always fun to make your own DSL! Example A quick example: @override ..
WallE Wallpaper App built using Flutter & Unsplash API Story When I created iWallE (which is a CLI wallpaper app), I always wanted to create a wallpaper app for Mobile. I attempted to create it in Native Android but it was not an easy process, and I gave up. After 2 years, I’ve created WallE ..
About SeeFood is a Flutter app that tells you whether a photograph contains any food items or not. See Food ???? ???? This app is highly inspired by and an attempt to recreate something like See Food app created by Jian Yang in Silicon Valley TV Series. How to use it? ???? Add a photo. ..
Dexter ???? ???? ViewModel Generator for Flutter, Built using Flutter Demo https://flutter-dexter.surge.sh Screenshots Dependencies provider demoji Contributing Feel free to contribute to the project by creating issues or sending pull-requests. Getting Started A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter ..
Quickly generate a personalized WhatsApp link with a predefined message and share it with your audience on your Social Networks! By clicking on the link your customers will be able to send you a WhatsApp message without having to add your phone number to their contact list. Requirements Any Operating System (ie. MacOS X, Linux, ..
Jagnik A Simple, beautiful and elegant photo Text merging app for your daily Image sharing activities on social media Screens | | | | | | | | | Live App Google Play Store link Download Jagnik Source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Travex This project is a smart tourism application, which focuses on getting users their preferred destinations and hotels in their budget. App Screenshots : Download A Smart Flutter Tourism Application Source code on GitHub https://github.com/ronak197/travex FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Transify An application to translate text either type or fetch text from image and translate in the desired language. Find the translation of the object name captured using the camera in the desired language and find the language spoken in a region by capturing nearby landmarks. App Screenshots : Download Transify Source Code on GitHub ..
Dearly This project is a chat-based application for elderly people to make access to youtube videos, calling (audio/video) easier through a single click of a button. App Screenshots : Download Dearly Source code on GitHub https://github.com/ronak197/Dearly FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Upsplash Unofficial Unsplash client written using dart and flutter Sreenshots Architecture The goal of this pattern is to make it easy to separate presentation from business logic, facilitating testability and reusability. Libraries Architecture flutter_bloc A predictable state management library that helps implement the BLoC design pattern Networking dio A powerful Http client for Dart, which ..
Image utilities for Flutter NetworkImageWithRetry Use NetworkImageWithRetry instead of Image.network to load images from the network with a retry mechanism. Example: var avatar = new Image( image: new NetworkImageWithRetry(‘http://example.com/avatars/123.jpg’), ); The retry mechanism may be customized by supplying a custom FetchStrategy function. FetchStrategyBuilder is a utility class that helps building fetch strategy functions. Features and ..
Flutter Package: When your desired layout or animation is too complex for Columns and Rows, this widget lets you position/size/rotate/transform its child in complex ways. align_positioned Widgets in this package: AlignPositioned AnimatedAlignPositioned AnimChain Why are these widgets an indispensable tool? When your desired layout feels too complex for Columns and Rows, AlignPositioned is a real ..
Simply Time Clock Overview Description Simply Time Clock is a Clockface for the Lenovo Smart Clock using Flutter. Made during the Flutter Clock Challenge Product Spec 1. Functionalities It shows time, whether it’s in 24h format or AM/PM It shows the current temperature in celcius or farenheit. It shows the current location. Also, a dark ..
todog A new Flutter project. UI reference: Todog UI Download Flutter assignment: build a todo app Source Code on GitHub https://github.com/potato16/todog FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter package: Similar to a ListView, but lets you programmatically jump to any item, by index. indexed_list_view Similar to a ListView, but lets you programmatically jump to any item, by index. The index jump happens instantly, no matter if you have millions of items. Limitation: The list is always infinite both to positive and negative ..
MultiTypeListView A lightweight flutter customer ListView that displays multiple widget types. Screenshot home chat Getting Started dependencies: multi_type_list_view: ^0.1.0 Usage import ‘package:multi_type_list_view/multi_type_list_view.dart’; 1. create a MultiTypeListView and initial with settings @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text(‘MultiTypeListView Demo’), ), body: MultiTypeListView( items: items, // [required]. items in multiple types to ..
flutter_easyloading Installing Add this to your package’s pubspec.yaml file: dependencies: flutter_easyloading: ^1.0.1 Import import ‘package:flutter_easyloading/flutter_easyloading.dart’; How to use first, warp your app widget with FlutterEasyLoading: class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { /// child should be [MaterialApp] or [CupertinoApp]. /// make sure that loading can be displayed in front of all other ..
Slidermoji Flutter Slider ???? + Emojis ???? = ???? About Example showcasing the use of Emojis in Slider Widget. Dependencies demoji Contributing Feel free to contribute to the project by creating issues or sending pull-requests. Getting Started A few resources to get you started if this is your first Flutter project: Lab: Write your first ..
Fluid Layout Demo: jamesblasco.github.io/fluid_layout Fluid layouts allow you to create a responsive layout for mobile, web and desktop from a single codebase. Let’s get started Install it Follow the installation process here Understand fluid layout The fluid layout aims to help to build a responsive experience through all the different screen sizes. Based on the ..
Welcome to Flutter Clock! See flutter.dev/clock for how to get started, submission requirements, contest rules, and FAQs. See a live demo with Flutter for Web! Example Analog Clock Example Digital Clock Download Flutter Clock Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
flutter_svg Draw SVG (and some Android VectorDrawable (XML)) files on a Flutter Widget. Getting Started This is a Dart-native rendering library. Issues/PRs will be raised in Flutter and flutter/engine as necessary for features that are not good candidates for Dart implementations (especially if they’re impossible to implement without engine support). However, not everything that Skia ..
flutter_circle_color_picker A beautiful circle color picker for the Flutter. Light theme Dark Theme Usage … body: Center( child: CircleColorPicker( initialColor: Colors.blue, onChanged: (color) => print(color), size: const Size(240, 240), strokeWidth: 4, thumbSize: 36, ), ), … API /// Called during a drag when the user is selecting a color. /// /// This callback called with ..
Fancy list loading effect or The Shimmer Effect in Flutter Shimmer Effect is really cool placeholder effect that you can show when you are loading data in the form of a list. To do it in flutter we use the dependency called Shimmer. After trying it out I realized that it can be used for ..
Making a fully functional skype clone in a flutter. Skype Clone APP Making a Skype Clone in Flutter – In Progress Check out the course here: THE CS GUY Screenshots Project Structure This project is going to be divided in several different branches. As I release a new video, the content related to that video ..
In this project, I make this UI in a flutter, and also added some functionalities like “Add to Cart” and “Drag to delete” using bloc pattern. Video for UI: Making the Food Delivery App UI in Flutter Video for drag and drop in a flutter : Drag & Drop in Flutter Screenshots Download Food Delivery ..
This repository hosts the complete code for the app UI shown below. It’s built on flutter. Flutter Speed Coding – PIZZA APP UI This repository hosts the complete code of the demo flutter app that I built, recorded and published the recording on youtube. Watch the video Screenshots Download Flutter PIZZA APP UI Source Code ..
Beatz A new Flutter music player project. Info This app relies on the platform channel and the Bloc pattern to build a reactive music player application on Android Screenshots Download A Flutter Music Player for Android Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter has Power Reference project for Flutter has Power workshops organized by STX Next. FOOdy Mock food ordering mobile app built in Dart and Flutter. Consists of three screens that present different aspects of Flutter development. Home screen Sticky header (AppBar) List of items (ListView) Stacked layout (Stack) Clickable widgets (FloatingActionButton, RaisedButton, GestureDetector) Local state ..
Party Flutter Mobile party game implemented in the Flutter framework. Its been heavily inspired by the Heads Up! game: Get a group of friends (at least 3 players) Start the app The youngest player takes the phone Pick one of the available categories/topics (eg. Animals, TV series, Sport) Place the phone at your forehead, so ..
Parallax in Parallax scrolling in a flutter, the UI that I remake is from a website called firewatchgame.com. See the video where I explain more about the project here. You can also download the completed version of the app from apk folder. Hope you like it. Demo Download parallax scrolling effect in Flutter source code ..
Complex UI in Get the complete code for a complex UI which includes Tabs, An Analog Clock, Custom Graph, Custom Buttons and much more. See the video where I explain more about the project here. Screenshots Getting Started With Flutter Flutter Website Download Clock App in Flutter Source Code on GitHub https://github.com/Ronak99/ClockApp FlutterappworldProvides the list ..
Grocery-App Flutter Grocery Shopping App Fully Working Template Grocery Shopping Flutter app is created as a wonderful solution for any food shop Flutter App UI template. It is a template for a Flutter developer that wants to create a grocery application with a clean design. The template is only lay-outing without data flow and communication ..
A flutter plugin to implement a Boom Menu, with icons, title, subtitle, animated FAB Icons and hide on scrolling. Flutter Boom Menu Usage The BoomMenu widget is built to be placed in the Scaffold.floatingActionButton the argument, replacing the FloatingActionButton widget. It’s not possible to set its position with the Scaffold.floatingActionButtonLocation the argument, but it’s possible ..
A mobile application that visualizes various sorting algorithms such as Bubble sort, selection sort, quick sort, etc. The sorting process is visualized as the rearrangement of vertical lines of different lengths from the shortest to the tallest. Sorting Visualiser This is a simple sorting visualization app built using the flutter framework. The user can select ..
Holden Certificate Generator made with Flutter. Dependencies spreadsheet_decoder path_provider file_picker pdf_viewer_plugin pdf permission_handler share_extend provider printing Contributing Feel free to contribute to the project by creating issues or sending pull-requests. Getting Started A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter ..