Category : UI

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 ..

Read more

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 ..

Read more

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 ..

Read more

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, ..

Read more

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..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more