Category : UI

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more