Flutter Chat UI Actively maintained, community-driven chat UI implementation with an optional Firebase BaaS. Flyer Chat is a platform for creating in-app chat experiences using Flutter or React Native. This repository contains chat UI implementation for Flutter. Free, open-source and community-driven. We offer no paid plugins and strive to create an easy-to-use, almost drop-in chat experience for ..
Category : UI
About (Download) A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile. Screenshots Download E-commerce app UI source code on GitHub https://github.com/AdelRizq/FlyBuy FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Futter Grocery App UI Flutter Version Used : 1.22.4 Screenshots Screens Splash Screen Welcome Screen Home Screen(Shop) Product Details Screen Categories Screen (Explore) Products Screen (After clicking any category) Filter Screen My Cart Screen Checkout Bottom Sheet Order Failed Dialog Order Accepted Screen Profile Screen Desing Files on Figma : Online Groceries App UI Desing Credit ..
fluent_ui Design beautiful native windows apps using Flutter Unofficial implementation of Fluent UI for Flutter. It’s written based on the official documentation You can check the web version of it here Content Motivation Installation Badge Style Icons Colors Accent color Brightness Visual Density Typograpy Font Type ramp Reveal Focus Motion Page Transitions Navigation Navigation View App Bar Navigation ..
Health Performance Monitor UI Health Performance Monitor ui design in a neomorphism effect built using Flutter. Show some and star the repo, it makes me to share more open source flutter projects. Download Health Performance Monitor ui source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
stopwatch_flutter An IOS stopwatch challenge from Flutter Animations Masterclass – Full Course What I learned; Use timer Use ticker Create custom shapes with Transform widget Use Matrix4 widget to rotate and translate the Transorm widget Download stop watch app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. ..
elexto_music 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 ..
UIKits2 A complete UIs for mobile and tablet, which include 16 categories. Start SignUp & Login Walkthrough Loading Profiles Feed Article Activity Create Chat Contact Store & Shop Shopping Carts & Checkout Navigation Photos Dashboard Screenshots Tablet Screen Mobile Screen Start Screen Signup Screen Walkthrough Screen Loading Screen Profile Screen Feed Screen Article Screen Activity ..
Notes is a privacy oriented, Secure ,beautiful and fast application made in flutter, it supports various features like adding and saving notes. Hiding notes with password security, Archiving them. To make UI look beautiful it has various UI colors with the support of light and black theme. Features Create and Save Notes Export Notes as ..
Weekend With Flutter This is my new challenge. Every weekend, I want to implement challenging UI & digital designs using Flutter. you can join me with #WeekendWithFlutter hashtag in twitter. Solved Challenges Ring Spinners I find this graphic in this tweet. This is how the result looks like. Source Result Download Ring Spinners source code on ..
WhatsAppUIClone It is a copy of the WhatsApp design. What’s inside Chat list Chat detail screen Statuses page Story view search page Images related to the application Download WhatsApp UI Clone source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
wired_elements Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. It’s the Flutter implementation of wired-elements. It’s base on the library of flutter_rough. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: wired_elements: <latest_version> Basic usage For ..
VelocityX is a 100% free Flutter open-source minimalist UI Framework built with Flutter SDK to make Flutter development easier and more joyful than ever. Demo App Inspired from Tailwindcss and SwiftUI. “Welcome to VelocityX”.text.white.xl4.bold.center.makeCentered().box.roundedLg.red500.shadow2xl.make().whHalf(context).centered(); Getting started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … velocity_x: <latest_version> In your library add the following import: import ‘package:velocity_x/velocity_x.dart’; ..
Feather Beautiful Flutter weather application. Entirely written in Dart and Flutter. Application is ready for Android and iOS. Media Features Beautiful UI and great UX Current weather: current temperature, max and min temperature, humidity, pressure, wind Current sun/moon position, animated countdown until sunset/sunrise, time of sunset/sunrise Weather forecast for 5 days (temperature, wind, rain and pressure) Custom-written chart with ..
Neumorphic SignIn And SignUp Neumorphic Login UI using flutter,This project consist of two screen, SignIn Screen and SignUp Screen and no packages are used for neumorphism. Neumorphic SignIn And SignUp UI Downlaod Neumorphic SignIn And SignUp UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Grocery Ecommerce App A beautiful flutter UI developed by nonybrighto and designed by Shoaib Mahmud. Overview Screenshots Screenshots from the developed flutter application Home Display 1 Display 2 Cart Wish List You Download Grocery E-commerce UI application source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
FoodEmojiUI The UI is developed majorly using emoji images and it is a part of my learning. Download Food Emoji UI Kit source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Profile Section Cart Section Removing Items from Cart Items can be removed by tapping on the green colored Bag Icon. Add/Remove from Wishlist Tapping on the heart button just shows the indication on the ui if item has been added to wishlist or not. Download LookBook – Assignment App UI Kit source code on GitHub ..
Payment App UI Design Kit Check out the new style for App Design aims for Payment App… You can install and test the latest app from below Screenshots Please click the image below to enlarge. Contributing Please fork this repository and contribute back using pull requests. Any contributions, large or small, major features, bug fixes, are ..
VegetableOrderUI-Android Check out the new style for App Design aims for the Vegetable Order Service using jetpack compose… Screenshots Please click the image below to enlarge. Contributing Please fork this repository and contribute back using pull requests. Any contributions, large or small, major features, bug fixes, are welcomed and appreciated but will be thoroughly reviewed. Download ..
Netflix Clone Mobile App Watch it on YouTube Netflix Clone Mobile App A nice clean Netflix Clone Mobile App UI. Today I will show you how you can create Netflix Clone App using flutter. We also add animation which works perfectly on mobile and the web. Netflix Clone Mobile App UI Download Netflix Clone app ..
Animated Login UI with Teddy Used Packages flare_flutter How to run First clone the repo: git clone https://github.com/KauaLimaMartins/Teddy-Animated-Login-UI.git In the repo path: flutter pub get And finally: flutter run Download Animated Login UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter UI Kit UI kit is a readymade developed design template for apps. So if you need develop a Flutter app faster then you can use these Flutter UI Design kit template to speed up your development. So if you are looking to developed your business app with Flutter quickly? Then this article for you. ..
Chat Application UI in Flutter a chat application ui created using flutter. this application consits of two pages Homepage view with tab bar and tab barview and chat room page. Watch this ui build process at youtube: [https://www.youtube.com/watch?v=WgJ6TzNswEo] ScreenShots HomeScreen Chat Room Screen Download Chat Application UI kit source code on GitHub https://github.com/tonydavidx/chattie-ui-design FlutterappworldProvides the ..
Niku Effortless property builder for composing maintainable Flutter UI Why Creating UI in Flutter is easy. Its declarative enables developers to control every detail and outcome of how it should be. To create styling in Flutter, developers have to describe every detail to Widget. It’s like low-level programming UI, having to adapt between property is ..
Crypto Dashboard Flutter UI Kit Free Flutter UI Kits based on designs on UpLabs . Watch Youtube Speed code Tutorial Here Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter Author Apps were developed by Olayemi Garuba Screenshots Download Crypto Dashboard Flutter ..
Insurance I was challenged to create an App with only the Nubank life insurance part and fix some UI issues. Flutter This is a Flutter App, designed based on Nubank Vida. Solutions (or almost) Changing the color of the statusbar when the image ends Creating a pattern for navigation between modals Creating patterns in the use of shadows Creators ..
Udacity UI Clone Flutter Web 2.0 Description: Udacity UI Clone made with Flutter Web (Flutter 2.0). ScreenShots: Tools & languages: Android studio (IDE) Dart (logic) Flutter 2.0 (Mobile UI developement kit) Paint.net (Image editor) Contribution: Feel free to fork this project and add whatever you like. If you have any suggestions or any comments please ..
Short Intro: In this repo I have build an awesome Flutter food delivery app ui. This Flutter UI challenge is taken from the dribbble. The main beauty about this UI is their hero animation while moving towards the food detail page. This Flutter Food delivery app UI tutorial is beneficial for those who want to ..
Taskez A productivity app design UI kit built with Flutter It is inspired by Taskez IOS UI kit. Download productivity app design UI kit source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Tutorial – User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user’s information within your Flutter app. Preview App Preview Course Preview ➜ Buy My Courses Watch Video YouTube video where the source code is explained. Subscribe YouTube channel. Download Flutter User Profile Page UI source code on GitHub ..
Trendyol UI Clone – Ecommerce Platform Flutter Trendyol UI Clone – Ecommerce platform Login/Register animated flutter UI kit Support Star the repo to show support. Trendyol UI Clone Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter Download Ecommerce Platform ..
playlist_flutter A new Flutter Playlist_Flutter UI/UX Screen application. Designed by Rita Carvalho, Code with Flutter by Kishor Kc. Kishor Kc Design credit by Rita Carvalho see the profile Playlist_Flutter UI/UX Final Screen Download Music Playlist UI/UX souce code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
SwiggyUI SwiggyUI App is a UI clone of a famous food ordering app called Swiggy built using Flutter. Show some and star the repo if you liked it, it makes me to share more open source flutter projects. Mobile – Download APKWeb – https://swiggyuiclone.web.appApp Flow – https://youtu.be/qB_p8MSlpuQ Screenshots Web UI Tablet UI Mobile UI Initial Views Screen 1 Screen 2 Screen ..
watch_flutter A new Flutter Watch_Shop application. Designed by Adarsh Goldar, Code with Flutter by Kishor Kc. Kishor KC Design credit by Adarsh Goldar see the profile Watch_Shop App Final UI/UX Download Flutter Watch App source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
online_learning A new Flutter Online_Learning application. Designed by Arun PP, Code with Flutter by Kishor Kc. Kishor Kc I am fetching the data from the local JSON API. In the assets directory, you can get the user.json file. Also, you can change the data as per your needs. Design credit by Arun PP see the profile ..
Palghar Tourism project_descriptionExplore the docs » View Demo · Report Bug · Request Feature Table of Contents About The Project Built With Getting Started Prerequisites Installation Usage Roadmap Contributing License Contact Acknowledgements About The Project Built With Flutter Getting Started To get a local copy up and running follow these simple steps. Prerequisites This is an example of how ..
E-Store Mobile App Home Screen This Flutter project recreates an electronics store home screen mockup. The mockup was created by @nasyiya.design on instagram. I saw the mockup on instagram and thought it would be interesting to recreate it in Flutter as my first real stab at making something fully in it. What it looks like Compared to ..
Responsive and Animated Portfolio Website & App – Flutter UI Live Preview Watch it on YouTube Packages we are using: flutter_svg: link goole_fonts: link animated_text_kit: link Fonts Poppins link Today we will show you how you can create your developer portfolio website and app using flutter. We also add animation which works perfectly on mobile and the web. Responsive ..
Spending Tracker Flutter Home Screen This Flutter project recreates a minimal home screen design for a spending tracker app. The mockup was created by @elainelumanauw.design on Dribble. I saw the mockup on instagram in one of Elaine’s reels and thought it would be cool to try recreating it functionally in Flutter. What it looks like in Flutter ..
Flutter App Templates
