Canton Design System Canton Design System elements and resources for Flutter. Description This package contains elements that I use in my apps. It includes things such as themes (colors, typography, etc.), custom methods, buttons, text-inputs, a color picker, and more. This all in attempt to limit the amount of time I spend on remaking simple ..
Category : Flutter App
chitchat Chitchat, a messenging app similar to other messengers, people can send and receive messages. To send and receive messages you first need to create an account for the app!!. Getting Started run: git clone https://github.com/satyamkant/chit_chat in git bash cmd open terminal in the cloned repo run: flutter pub get in the terminal and then you are ..
Flutter Tinder Clone Challenge ui Home screen screen screen screen screen Tinder App With Flutter & Animation Cool By DZ-TM071 Download Tinder app ui clone source code on GitHub https://github.com/Hmida71/Flutter-Tinder_Clone-Challenge_ui FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
flutter-camera-app Flutter app with camera and navigation drawer Preview Navigation Drawer Camera Preview Run Download flutter camera app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
forqan A simple Quran app made with flutter without any images or pdf . screenshot Download Quran app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
google_sign_in_dartio A Flutter package that implements Google Sign In in pure Dart. This package is compatible with google_sign_in plugin and works on all platforms Flutter supports but it’s intended to be mainly used on Desktop. Getting Started Install and initialization Depend on itdependencies: google_sign_in: ^4.1.4 google_sign_in_dartio: ^0.0.6 Run flutter pub get Importimport ‘package:google_sign_in/google_sign_in.dart’; import ‘package:google_sign_in_dartio/google_sign_in_dartio.dart’; Register the packageimport ‘package:flutter/material.dart’; import ..
Sie kong liong ( Second task of mobile programming) This application explains about one of the heroes in Indonesia Screenshots Built With Image, Text, Row, Column, and Icon widgets Created By Stanley Tejadinata Subject COE-5109 Mobile Programming. Lecturer Ary Budi Warsito, M. Kom Matana University! – Vision To become a trusted university, with a global ..
Daily_Vity_Apps This is a simple application that can display weather based on GPS position and has a weather finder feature based on city. In addition, this application has a NOTE feature, which is a feature that allows users to make notes and delete them. Application Screen Shoot Download this app source code on GitHub FlutterappworldProvides the ..
Bonsai Features A tiny Dart logging package. Based loosely on “Android style” debug logging and somewhat influenced by Square’s logcat Uses the logging functionality from the dart:developer package. Getting started Just import the package and call the init method somewhere, like at the start of your main(): import ‘package:bonsai/bonsai.dart’; void main() { const debug = true; if (debug) { ..
FLUTTER FACEBOOK UI CLONE This facebook UI clone is done with Google’s Flutter. Its highly widget refactored (reusable widgets). You can download the Apk from the download folder. download => app-release.apk Download Facebook UI Clone app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
razorpay gateway integration A simple flutter application which explains razorpay payment gateway integration with flutter. Download razorpay integration source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
news_app A Flutter News application using data from newsapi.org 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 ..
Our Goal In this tutorial we will be reviewing Stateful and Stateless Widgets as well as learning about the fundamental building blocks of Object Oriented Programming (OOP) – Classes and Objects. What you will create We’re going to make a quiz app that tests your general knowledge. As one of the most popular types of ..
todo_list To do List application made with Flutter Project Overview Application realized with flutter and Provider package as state management Screenshots The Welcome Screen The Main Page Add new task => Modal Side Bar Delete a completed task Download todo list app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection ..
proste_logger A simple, easy, used plug-in that prints out long text and formats Map or List data structures. You can also customize the title information of the print area, the color of the text, etc. . The print content also shows the trigger area and the trigger method. Usage This is a simple way to ..
crypto_trader Utilities for crypto trading Motivation Coinbase Pro is difficult to use. The app is super janky on both web and mobile. They don’t allow automatic dollar cost averaging (DCA). Another app I’m using (TODO what) only allows DCA on Bitcoin. I couldn’t find any good bots on github that work like I want. I want ..
meals-app Cooking app made by Flutter Sdk Used Packages : Provider Flutter_Lints Used Fonts : Allan Metrophobic Raleway Color Palette : #EEF0F2 – Background Color #E0A800 – Primary Color #E77484 – Secondary Color #2C363F – (Text Color) Amazing Features : Using images in classes and adding them to listItem. Customized AppBar and TabBar. Using both ..
flutter-streamingapp speed coding. all asset files are included in the /aseets folder. Download Streamingapp source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
A simple library for applying the Humble Object Pattern in order to create clean, testable widgets. Features This package might be helpful to you if: a high level of test coverage is required you apply test driven development to app development you find it difficult to separate UI logic from appearance the widgets you create ..
Screenshots Feeds Profile Feeds Profile Feeds messenger Download facebook clone UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Home Service Application Example – Day 35 class Afgprogrammer extends Flutter100DaysOfCode { video() { return { “title”: “Flutter Home Service Application Example”, “description”: “Let’s make a home service application.”, “day”: 35, } } } Assets icon8 Development Setup Clone the repository and run the following commands: Screenshots Select Service Page Cleaning Page Date & ..
Cool Random-User With flutter Getting Started # First you need to add this to dependency at pubspec.yaml: Two you need to remove comment in the dependency at pubspec.yaml: Note : Pls Remove ads From Home & Star Pages !! Note : API used from click here to see ! Flutter Cool Random User Generate Download source ..
Description It is an application where you can find out how many people are in space, news about space and access random space photos. This application was made to learn the dart language. Api List -How Many People Are In Space Right Now Api http://api.open-notify.org/astros.json-Space News Api http://api.spaceflightnewsapi.net/v3/articles-Space Photos Api https://api.nasa.gov/planetary Demo Setup Clone the repo Install dependencies ..
A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like. You can create custom bouncing animation similarly to apps like Spotify and App Store. Package similar to flutter_bounce and bouncing_widget. Advantages: Truly simple and efficient. Customizable bouncing animation using curve, scaleFactor and duration. Options to control onTap, onTapUp, onTapDown and onTapCancel. Enable and disable onTap option. Not sticky when scrolling. Does not trigger multiple onTap events ..
todo_apps 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 on mobile development, and ..
E-Scooter Mobile App UI Short Intro: I designed the animated e-scooter app UI with flutter. Also i used the Provider state management and animated widgets. And it’s fully responsive. I created the animated E-Scooter Mobile App UI with Flutter. Also I used: -Provider State Management -Animated Widgets(Animated Container, Animated Padding, Hero Widget) Download E-Scooter Mobile ..
go_router The goal of the go_router package is to simplify use of the Router in Flutter as specified by the MaterialApp.router constructor. By default, it requires an implementation of the RouterDelegate and RouteInformationParser classes. These two implementations themselves imply the definition of a third type to hold the app state that drives the creation of the Navigator. You can read an excellent blog post on these requirements on Medium. This ..
flutter_image_saver Simple and effective cross platform image saver for flutter, supported web and desktop. Usage final savedPath = await saveImage(data, ‘image.png’); Android android/app/src/main/AndroidManifest.xml: Add android:requestLegacyExternalStorage=”true” to <application>. Download flutter image saver package source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
E-commerce application ui in flutter Hi I recently started with an E-commerce App and decided to share my exploration. I tried to make it sleek and according to latest design trends. screenshots Download source code on GitHub https://github.com/ishaileshmishra/flutter-ecommerce-app FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Beautiful Login Page UI Design and Animation – Day 12 class Day12 extends Flutter100DaysOfCode { video() { return { “title”: “Flutter Beautiful Login Page UI Design and Animation”, “description”: “Let’s see how we can design a Login page UI and add some cool animation.”, “day”: 12, “videoLink”: “https://youtu.be/NHAIiAmxTAU” } } } Watch it on ..
android_clew_app Android/multiplatform version of the Clew App. Screenshots: Download android clew app source code on GitHub https://github.com/LaniW/android_clew_app FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Shopzler A new open source E-commerce App created using Flutter and GetX. ScreenShots Features : Sign-In, Sign-Up and LogOut using Email & Password / Google Account / Facebook Account. Categories and Search for Products. Add/Remove Products to/from Cart. Change quantity of products in the cart. Check out your Cart and Make an Order. Edit your ..
Beautiful Snippet Share some beautiful code today! A Flutter Web tool to generate beautiful code snippets. Checkout the tool here Some of the sample snippets generated using this tool Heres how the generated snippet looks in a medium post Download Beautiful Snippet Generator source code on GitHub https://github.com/maheshmnj/beautiful_snippet FlutterappworldProvides the list of the opensource Flutter ..
Credits Many thanks to : @Cuberto for the amazing @design thanks to : @Mert Şimşek for the inspiration with the @Android version Demo Basic usage Options choosing the indicator shape (default is line shape): indicator color: changing the width (default is screen size width): changing the icon color: changing the delete item icon color: changing the delete item icon color: setting ..
Flutter Credit Card A Flutter package allows you to easily implement the Credit card’s UI easily with the Card detection. Preview Installing Add dependency to pubspec.yamlGet the latest version in the ‘Installing’ tab on pub.dartlang.org dependencies: flutter_credit_card: <latest_version> Import the package import ‘package:flutter_credit_card/flutter_credit_card.dart’; Adding CreditCardWidget With required parameters CreditCardWidget( cardNumber: cardNumber, expiryDate: expiryDate, cardHolderName: cardHolderName, cvvCode: ..
Flutter e-commerce Application Example – Day 34 class Afgprogrammer extends Flutter100DaysOfCode { video() { return { “title”: “Flutter e-commerce Application Example”, “description”: “Let’s make an e-commerce application.”, “day”: 34, } } } Assets Unsplash icon8 Previous Designs Checkout my Youtube channel Development Setup Clone the repository and run the following commands: Screenshot Home Page Filter ..
SEWISTIC A flutter mobile application made for Sewistic, a Karachi based startup providing hassle free tailoring services. NOTE: All images, names and identifiers used in the app are the copyrights of sewistic.com . Download Sewistic Mobile app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
WhatsApp clone A WhatsApp clone with flutter 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: DeskTop View Mobile View Download WhatsApp clone source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub ..
To-do Tada A fully open source visual to-do list Flutter application. This app is currently in progress and actively under developement. Feel free to utilize GitHub issues, particularly the enhancement (feature request) tag, to suggest things as I’m developing the app. Table of Contents To-do Tada Table of Contents Author My Other Apps License Overview Status Sitemap Mockups ..
Pengo The actual booking app. Features All in one multipurpose booking app. Easiest booking app for everyone. UX First Design GooCard Cloud Identification. Seamless delay device communication. Rewarding System that actually is about “win-win”. Wishlist IOT GooCard Integration. Open-source API/SDK. Commands Generate JSON serializable files flutter pub run build_runner build Download Booking APP source code on ..
Flutter App Templates
