Deer Minimalist Todo Planner app built around the idea of efficiency and clean aesthetic. Showcase Development Deer uses BLoC (Business Logic Component) pattern to manage app state. If you want to use Streams in your Flutter project, then I think this is the way to go. BLoC plays exceptionally well with Flutter’s reactive nature, especially ..
Category : Flutter App
Kadi Music Player OpenSource Flutter Based Music Player with Fantastic UI Demo App Clone Build Run Features Android (iOS Coming Soon) Fetch local songs (Inbuilt Permission) Beautiful UI with multiple themes(Coming Soon) Animation Full Fledged Example play (local files) stop pause seek shuffle Album Art onComplete onDuration / onCurrentPosition Full Player controls on bottom bar ..
???? Flutter Music Player Getting Started ???? Clone the repo Install the dependicies Run it Todos Retrieve songs Retrieve from SD Play Pause Seek Shuffle Favorites Album list Playing queue Android X migration Notification and Lock Screen Controls System integration Artist list Playlists Search songs Finishing up the Settings page Adding support for artist thumbnail update via ..
ImageEditorPro Image Editor Plugin with simple, easy support for image editing using Paints, Text, Filters, Emoji and Sticker like stories. To start with this, we need to simply add the dependencies in the gradle file of our app module like this Installation First, add image_editor_pro: as a dependency in your pubspec.yaml file. Import import ‘package:image_editor_pro/image_editor_pro.dart’; iOS Add the ..
Built Values for Dart Introduction Built Value provides: Immutable value types; EnumClass, classes that behave like enums; JSON serialization. Immutable collections are from built_collection. See the API docs. Articles built_value for Immutable Object Models built_value for Serialization Building a Chat App in Dart End to End Testing in One Short Second with Dart Moving Fast with Dart Immutable Values ..
Yoga Guru Yoga Guru is your personalized yoga trainer app based on Flutter. It uses potent, a pre-trained deep learning model, to estimate body poses in real-time and predict yoga asanas. Getting Started Step 1: Clone the project repository Open terminal and type git clone https://github.com/adityaas26/Yoga-Guru.git Step 2: Run the app Connect your device or start ..
Netcasts OSS Simple podcasts (netcasts) management powered by open source software Homepage Drawer Explore Discover Podcast Episodes Player Settings Why another podcast app? You want an ad-free app for your podcasts consumption You want an app powered by open source software You want an app you can clone, tinker with, and add functionality to You ..
flutter_food_delivery_app_ui This application is not completed yet. currently, I am working on it. A small attempt to make a Food delivery app user interface in Flutter for Android and iOS. ScreenShots Home Page Food Details Screen Login & Registration Screen Getting Started This project is a starting point for a Flutter application. A few resources ..
flutter_ecommerce_app A small attempt to make an e-commerce user interface in Flutter for Android and iOS. ScreenShots Home Page Other Screens Login & Registration Screen Wish list and Empty cart screen Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first ..
Time Cop A time tracking app that respects your privacy and gets the job done without getting too fancy. Motivation I’d rather not do time-tracking at all, but since its a necessity for my work, it’s either uses an app or keep track of things manually (which I’m terrible at). There is much time tracking ..
Coronavirus Warrior App A Flutter project to track & help to fight from coronavirus. What is Coronavirus Warrior? Coronavirus Warrior is a cross-platform mobile app. It is written in Dart using Flutter. Download the app from here. Show some ❤️ and star the repo. Collection of flutter apps with tutorial Flutter Example Apps Screenshots Contributing Fork the repository and ..
FSuper FSuper can help developers build complex views quickly and comfortably. It supports rich text, rounded corners, borders, pictures, small red dots, and set up to two sub-components at the same time, and control their relative positions. Author：Newton(coorchice.cb@alibaba-inc.com) English | 简体中文 Like it? Please cast your Star ????! ✨ Features Rich corner effect Exquisite border decoration Naturally supports wonderful rich text Gradient effect More sense ..
A CICD tool for Flutter Automatically build, test, sign and release your Flutter app to both Apple and Google stores. Supports public and private build servers in the cloud (Travis, Cirrus, etc…) and in-house (Jenkins, GitLab, etc…). There are many steps involved each time an app, or an app upgrade, is delivered to both stores. ..
radiocom-flutter This is a flutter application for Community Media Stations based in radioco APIs. Getting Started This app is supposed to be configurable. This app has a newsreader, live broadcast , podcast, photo gallery and integrations with twitter and facebook. Some screenshots Some screenshots of the iOS Flutter version Some screenshots of the iOS Flutter ..
newsfast 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 ..
Fwitter – Flutter Based Twitter Clone A working Twitter clone wrote in Flutter using Firebase auth, realtime database, and storage. Download App Features App features is mentioned at project section Click here Messaging chat section status can be seen at here Dependencies Click to expand Screenshots Welcome Page Login Page Signup Page Forgot Password Page Home Page ..
Flutter Samples Hello Flutter Splash screen in Flutter Fetching & Parsing JSON data Persistent Tab bars Collapsing Toolbar – Sliver App Bar Shared Element Transitions — Hero ScrollController and ScrollNotification App Clone - Android Messages Communication between widgets Animations / Foldable Page Animations / List-Detail Animations / Circular List/ App Clone / Twitter Profile Clone Custom AppBar & SliverAppBar ..
Flutter Gallery Flutter Gallery is a resource to help developers evaluate and use Flutter. It is a collection of Material Design & Cupertino widgets, behaviors, and vignettes implemented with Flutter. We often get asked how one can see Flutter in action, and this gallery demonstrates what Flutter provides and how it behaves in the wild. ..
flutter_slidable A Flutter implementation of slidable list item with directional slide actions that can be dismissed. Slidable is now a Flutter Favorite package! Features Accepts primary (left/top) and secondary (right/bottom) widget lists as slide actions. Can be dismissed. 4 built-in action panes. 2 built-in slide action widgets. 1 built-in dismiss animation. You can easily create you custom ..
This is the official World Health Organization app. This repository is a work in progress and has not yet been medically reviewed. Until the app is ready, the general public should consult the WHO’s COVID-19 website. To everyone who has jumped in wanting to help: We are humbled at the outpouring of support we have received from ..
covid19 A Covid19 app that shows all the statistics about it. It fetches the most recent data about coronavirus cases from across the world and shows them in simple and easy to understand interface. It also gives the report of a particular country, which you can select. It also has a refresh button that will ..
Flare Flare offers powerful realtime vector design and animation for app and game designers alike. The primary goal of Flare is to allow designers to work directly with assets that run in their final product, eliminating the need to redo that work in code. Libraries There are two Dart packages provided in this repository. flare_dart and flare_flutter. Most of ..
Clima ☁ Our Goal The objective of this tutorial is to learn about asynchronous programming in Dart. We’ll look at how to carry out time consuming tasks such as getting device location and networking to get data from the internet. What you will create We’re going to make a weather app inspired by the beautiful ..
Buy Tickets Design The UI Challenge has written in flutter Described in the following post: Parallax effect in PageView Bottom sheet transition The design: The implementation: In home_page.dart you can replace ExhibitionBottomSheet with ScrollableExhibitionSheet to achieve see different implementation with full Listview. Download Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps ..
NumberPicker NumberPicker is a custom widget designed for choosing an integer or decimal number by scrolling spinners. It is possible to use NumberPicker as a standalone widget as well as in NumberPickerDialog. Getting Started Creating NumberPicker Widget new NumberPicker.integer( initialValue: 50, minValue: 0, maxValue: 100, onChanged: _handleChange) Creating NumberPickerDialog (use in material’s showDialog method) new ..
BMI Calculator Implementation of Johny Vino‘s design. Design(s): Implementation: Download BMI Calculator App Source Code on GitHub https://github.com/MarcinusX/bmi_calculator FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
WeightTracker Simple application for tracking weight. See Google Play for more details about this app! Getting started To build the app you need to create your own Firebase application according to guidelines on Firebase codelab. For android, you need to provide own google-services.json file. It is explained in codelab and here. Contributing Feel free to add issues with bugs or ideas. ..
Filter menu This is my first UI Challenge. I picked a design from Dribbble and implemented it in Flutter. The whole process of development is documented on my blog. Result On the left, you can see the design, on the right my result. Download Filter Menu App UI Source Code on GitHub https://github.com/MarcinusX/flutter_ui_challenge_filter_menu FlutterappworldProvides the list of the ..
Flight search This is my second UI Challenge. I picked a Jhony Vino‘s Flight search design from 100 Mobile App UI Interactions and implemented it in Flutter. The whole process of development is documented on my blog. Result On the left, you can see the design, on the right my result. Download Flight Search APP UI Source code on GitHub https://github.com/MarcinusX/flutter_ui_challenge_flight_search ..
Registro Cross-Platform application for the LampSchool Registry (iOS and Android compatible) Android app – on Play StoreiOS app – on App Store ScreenShots Download LampSchool Source Code on GitGub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Covid19Stats It’s a simple app to visualize charts and statistics about the current Covid-19 emergency.It’s developed using Flutter and some plugins such as LiquidPullToRefresh and FlChartsAll the data visualized in the app is taken from the website Worldometers ???? Screenshots First Page Select Page Country without Charts Country with Charts Download Source Code on GitHub FlutterappworldProvides the list of the ..
Water Drop ???????????? A simple package for adding water drops to your Widgets! ????????????????????????????????????????Blog article with a detailed explanation:https://fidev.io/water-drop???????????????????????????????????????? Why? Why not?! How? Just wrap your widget in WaterDrop and provide params: Widget build(BuildContext context) { return WaterDrop( child: _StaticCard(color: Colors.green), params: [ WaterDropParam(top: 50, height: 70, left: 100, width: 50), WaterDropParam(top: 10, height: 100, left: 280, width: 100), ..
paging A Flutter package for paginating a list view Installation Add this to your package’s pubspec.yaml file dependencies: … paging: ^latest.version.here Usage First import paging.dart import ‘package:paging/paging.dart’; Simple to use. You can pass a type <T> as a parameter to the widget, by default dynamic is assumed. There are two required parameters: pageBuilder: requires a ..
eCommerce A complete Flutter E-Commerce Book Store application built using firebase as the backend. Features Add or remove item in cart Search products Add Address Payment through UPI Firestore Backend SignIn using firebase Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is ..
The History of Everything The History of Everything is a vertical timeline that allows you to navigate, explore, and compare events from the Big Bang to the birth of the Internet. Events are beautifully illustrated and animated. The concept for this app was inspired by the Kurzgesagt video, Time: The History & Future of Everything. The ..
Streams – BLoC – Reactive Programming Sample application to illustrate the article available on didierboelens.com. This article is an introduction to the notions of Streams, BLoC Pattern and Reactive Programming in Flutter. Download Source code on GitHub https://github.com/boeledi/Streams-Block-Reactive-Programming-in-Flutter FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Reactive Programming – BLoC – Practical Use Cases and Patterns Source code of the article available on didierboelens.com This article introduces some practical use cases of the BLoC pattern: Event-StateSometimes, handling a series of activities which might be sequential or parallel, long or short, synchronous or asynchronous and which could also lead to various results, can ..
guillotine A simple animated menu that illustrates the article published on didierboelens.com Step by step explanation A full explanation of how to build such a game may be found on my blog. Download guillotine Source Code on GitHub https://github.com/boeledi/guillotine FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
ReactiveButton A Widget that mimics the Facebook Reaction Button in Flutter. Step by step explanation A full explanation on how to build such Widget may be found on my blog: in English, click here in French, click here Getting Started You should ensure that you add the following dependency in your Flutter project. dependencies: flutter_reactive_button: “^1.0.0” You ..
flutter_crush How to build a Math-3 game, like Candy Crush, Bejeweled, FishDom… in Flutter. Source code of the article available on didierboelens.com Step by step explanation A full explanation on how to build such game may be found on my blog. Credits Some icons such as tnt, rocket, mine and wall come from https://pngtree.com/. Sounds come from https://freesound.org/. ..
Flutter App Templates
