starbucks_concept This project was made to present a concept app idea to Starbucks. I used flutter BLoC for state management and Rive for coffee order animations. UI Concept video Download starbucks app source code on GitHub https://github.com/guccisekspir/starbucks_concept FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Category : UI
Medium Splash Screen A Medium iOS landing page screen clone built with flutter that works for iOS and Android. Download Medium Splash Screen source code on GitHub https://github.com/VictorUvarov/medium FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Human Resources Management SystemFrontend with Flutter An alternative UI for the Human Resources Management System that uses Flutter Framework and provides responsive user interfaces and functionality for Web, iOS, and Android. The project has been written solely in Dart Language. The app, HR Manager, is inspired by the beautiful designs made by Excellent WebWorld. In addition, icons that used in HR ..
Chat-App UI If you liked it, please give it a star . Features of the app – Light Mode + Dark Mode 4 different color themes – pink/teal/yellow/purple Inspired from messenger + whatsapp It is open source so feel free to contribute, star & fork the repo if you liked it! Some Screenshots of this ..
Flutter Generative Art Try it out on DartPad Simple Generative Art created using Flutter. Watch the full video on YouTube to know how to build it from scratch. License Copyright (c) 2021 Souvik Biswas Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software ..
Cowin Slot Reminder Objective:This Android/IOS application intends to help users to get an early notification for slot availability for Covid19 vaccination. Input : You can search according to your State and district or by using pincode. Vaccine type (Covidshield, Covaxin, Sputnik V, Any) Dose (First or Second) Age (45+ or 18-44) Date on which you ..
Miras Paylaşımı App A new Flutter application on inheritance rates of the inheritors. The rules will be under Turkish Civil Code’s orders. The UI will be consist of 5 different view: disclaimer, home, blog, forms and calculation output. It aims to help people on inheritance related legal procedures. Mockups were designed on Balsamiq Wireframe tool. ..
Flutter Carbon Unofficial implementation of Carbon Design System using Flutter framework Finished widgets CButtons (primary, secondary, danger, tertiary, ghost) CTextfield (primary, success , warning, danger) based on validation CForm (form , form group) CCheckbox CSVGIcon CLink Breadcrumb Toggle Screenshots Form Button Toggle Setup project Clone the repo: git clone https://github.com/NourEldinShobier/carbon-flutter Change directory to lab: cd ..
Introduction Zoo is a small, simple and beautiful app that lists 3d model of animals. Before we start, you can take a look at the app: Usage To clone and run this application, you’ll need git and flutter installed on your computer. From your command line: # Clone this repository $ git clone https://github.com/Shadow60539/zoo_app.git # Go into the repository ..
Adidas Shoes Ecommerce App UI 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 ..
A complete Flutter chat UI kit This Flutter package provides you with a base structure as well as a set of tools that allow you to quickly build up a modern chat UI. Instead of trying to come up with all in one Widgets that meet everyone’s expectations, you are given helpers that are meant ..
Animal Conserv by sinaamiriyam Animal Conservation app design by sinaamiriyam Download Animal conservation app design source code on GitHub https://github.com/Muhibush/animal_conserv_by_sinaamiriyam FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Hamburger Flutter App concept created with Flutter inspired by Tasty Burger. About The app was created to simulate all the system behind the inspiration video. There’s no code on the backend or another web service. The app is all contained in this repository. The model’s classes were created to better represent an official development, the repositories classes are ..
Harmonoid A music app with a beautiful UI to play all your music! Download APK Animations Consider dropping star to the repository, if you wanna appreciate the effort & support future development. Android users can download APK from the link above. Features Powerful Library Management Music automatically gets arranged into albums, artists & tracks. Play Local Music ..
Login Fresh LogiFresh helps you build a login easily with a friendly design, and very flexible for its construction. Installation Follow the install instructions here Use demo First you need to download the github repository and run the following commands: git clone https://github.com/Krysthyan/login_fresh.git cd login_fresh/example flutter run Languages docs English Español Examples You can view the ..
workout_app A workout Flutter application UI 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, ..
Paypal Redesign UI App (Challenge) This project is developed for iOS & Android, using Flutter and inspired by the winner Vadim Demenko of the Uplabs paypal-app-redesign See more on: Uplabs Challenge. Getting Started Clone the repository Install the dependicies Run it Getting Started For help getting started with Flutter, view our online documentation. Download Flutter UI redesign project source code ..
AlGrafx Flutter generative drawing, the port of vanilla Dart Algraphr Try it Download experimental generative drawing source code on GitHub https://github.com/rxlabz/algrafx FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Catalog is a catalog of useful handy designs built with flutter. It is inspired by a lot of UI Kits. I will be updating the list as I build them. Social MeetUp Design Enjoy Activities & Profile Designs Onboarding Designs Stats & Info Designs Dialogs and BottomSheets Menus Typography and Colors Download Flutter Catalog or ..
LunaLearning Final UI. two pages one is the home page with a search bar at the top and lists of courses and daily progresses . And the other one is the Courses Screen that provides more details about the course , you can preview the courses screen with a long presse. Preview courses with LongPresse. ..
Cloth Shop – Flutter Cloth Shop it’s an example using Flutter for Android and iOS. About This repository serves the source code for the Ecommers sample mobile app for iOS and Android. Getting Started Ensure Flutter SDK is installed correctly, flutter doctor Fetch dependent Dart/Flutter packages, flutter pub get Due to we use compile-time JSON serialization and ..
Contra Flutter Kit Flutter application built on top of contra wireframe kit. Thorough this project i will be developing all the screens in flutter and sharing in couple of series post. Kits Contra flutter kit will be having screens developed in all the categories.(Currently only onboarding kit is available) Onboarding Login Forms Menus Dialogs Toast ..
custom_navigation_bar A custom navigation bar with bubble click effect. Overview This project is inspired by this post from Dribbble and The Boring Flutter Development Show, Ep. 35 This package gives you a cute bubble effect when you click on the navigation bar. Dribbble: Implemented: Gallery How to install Add this to your package’s pubspec.yaml file: dependencies: custom_navigation_bar: ^0.3.0 ..
Gumao – A Game Character Collector App This Application is made in Flutter & Dart Design Credits This Design is from Dribbble by Vijay Verma. Packages Used flutter_swiper.dart Tech/framework used Built With Flutter Dart Screenshots/ Demo iOS 1. 2 3 Android 1. 2 Download Gumao app ui source code on GitHub https://github.com/iabhishek07/Gumao-Flutter FlutterappworldProvides the list of the opensource Flutter apps ..
Neumorphic Portfolio Design This is Neumorphic Portfolio Design User Interface Design created using Flutter! Screenshots 1 2 Download Neumorphic Portfolio Design source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Planeto (Planet education app in Flutter) This Application is made in Flutter & Dart Code Style Design Credits This Design is from Dribbble by Vijay Verma. Packages Used flutter_swiper.dart google_fonts.dart Tech/framework used Built With Flutter Dart Screenshots/ Demo iOS 1. 2 3 Android 1. 2 Download Planeto app source code on GitHub FlutterappworldProvides the list of the opensource ..
IntroductionScreen Introduction screen allow you to have a screen at launcher for example, where you can explain your app. This Widget is customizable (more in the future) with a great design. Introduction_screen use another package, dots_indicator, that I also created. Installation You just need to add introduction_screen as a dependency in your pubspec.yaml file. dependencies: introduction_screen: ^1.0.7 Example In ..
codepen Code Pen Demos Getting Started This project demonstrate Netflix subscription UI. Design Inspiration For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference. Download Netflix subscription UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub ..
fdottedline Use the easiest way to create a dotted line view! [FDottedLine] provides developers with the ability to create dashed lines. It also supports creating a dashed border for a [Widget]. Support for controlling the thickness, spacing, and corners of the dotted border. Author：Newton(coorchice.cb@alibaba-inc.com) English | 简体中文 Like it? Please cast your Star ！ Features Supports dotted lines ..
E-Commerce Complate Flutter UI Staring code Note that: This is not complete yet Watch it on YouTube Packages we are using: flutter_svg: link Complete responsive e-commerce app UI by using flutter. Previews of Final UI Video Preview of Final UI Screens it contains: => Onboarding => Login => Forgot Password => Sign Up => Complete Profile ..
Flutter Facebook Responsive UI Tutorial Download Flutter Facebook Responsive UI source code on GitHub https://github.com/MarcusNg/flutter_facebook_responsive_ui FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
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 ..
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 ..
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..
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 ..
Demo Flutter – Some common UI in Flutter App include Hero Animation Screen – How to play with hero widget. Simple Animation Screen – Some simple animation. Edit Profile Screen – A simple form to fill user info. Music Player Screen – Get and play music from the internet. Medium Clap Screen – Clap animation ..
Plantly: buy plants. A concept app that I made with Flutter, inspired by this: Wanna try it? Here’s the Play store link: Plantly. Final result Screenshots (click to enlarge) Main page (plants list) When clicked on a plant image When clicked on the zoom icon Cart page (empty) Cart page with items What I’ve learned by ..
epic_games_ui 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 ..
netflix_clone_UI Screenshots Download Netflix app clone UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter App Templates
