Fruitsui Code for a simple ui screen created with flutter. Design credit – https://dribbble.com/shots/6752461-Fresh-app/attachments/1441936 How do I code this – https://youtu.be/wodEsx1_OA8 Screenshots Download Flutter UI Source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Category : UI
fruitshop Dribble UI link https://dribbble.com/shots/11433982-Food-shop-Mobile-App Screen shots Download fruit shop UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter UI clones Login UI (Credits : Karthick Krishnamoorthy) Toy cart UI (Credits : Serhii Polyvanyi) Balloon slider (Credits : Cuberto) Onboarding UI (Credits : Cuberto) Rating UI (Credits : Cuberto) Performance Graph (Credits : Selecto) Menu interaction concept (Credits : Oleg Frolov) Swipe to respond (Credits : Cuberto) Gooey Tab Bar (Credits : Cuberto) Send Message (Credits : Sreeraj VS) Tab Menu (Credits : Cuberto) ..
Luxurycars One of the best ways to practice design and understand it is to look up for some designers work and try to code it your self! For now i just created the Home Screen i’ll be adding others screen soon. Design credits : https://dribbble.com/shots/5607416-Automotive-Applications-Product-List-Product-Details Download Luxurycars app source code on GitHub https://github.com/aminejafur/Luxurycars FlutterappworldProvides the list ..
Medical App Flutter Design Application design is based on Medical App Freebies! designed by Sub1 Screenshots Home Page Details Page 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 ..
File Manager App UI File Manager App UI Preview Samples Design Inspiration https://designtemplateplace.com/product/file-manager-app-ios-android-7558 Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
loginform What is Neumorphism Neumorphism is a play on words based on New + Skeuomorphism. It’s an UI trend that came to prominence this year and was named and analysed by Michal Malewicz from HYPE4. It’s a visual style using inner and outer shadows to create an illusion of a soft, extruded shapes. Lets Dive-In ..
flutter_movie_ui This repository is an implementation step-by-step of the following UI This is based in the Zuva Video Stream design by vijay verma in Dribbble This code is intended to be followed with this presentation Check the project commits to see all steps followed to create this code Download Flutter Movie UI Source code on GitHub https://github.com/sergiandreplace/flutter_movie_ui FlutterappworldProvides the list of ..
flutter_healthcare_app Healthcare app is a design implementation of Healthcare Mobile App designed by Chirag Chauhan Download App Android Screenshots HomePage Detail Page iOS Screenshots HomePage Detail Page Directory Structure Pull Requests I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request. Download Helthcare app Source code ..
flutter_neumorphic A complete, ready to use, Neumorphic ui kit for Flutter Try Flutter-Neumorphic on your browser : https://flutter-neumorphic.firebaseapp.com/ Installation https://pub.dev/packages/flutter_neumorphic dependencies: flutter_neumorphic: ^1.0.7 The in your .dart files import ‘package:flutter_neumorphic/flutter_neumorphic.dart’; Widgets Preview Widget Description Neumorphic The main Neumorphic Widget, a container which adds white/dark gradient depending on a lightsource and a depth NeumorphicButton A neumorphic button ..
flutter_home_rental_app Flutter Home Rental 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, ..
Flutter Task Planner App Design Task Planner App is built in flutter. App design is based on Task Planner App designed by Purrweb UI. This app is static. I mean, This is a UI design. No backend. Screenshots HomePage Calendar Page Task Create Page Pull Requests I welcome and encourage all pull requests. It usually will take me ..
Info: Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Loading GIFs High quality Android and iOS loading spinners. View Demo Loading GIFs is a collection of high fidelity loading animations in GIF format. Included are Android “Material Design” and iOS “Cupertino” ..
Andriod Login & Register UI #5 Design screens are on Behance. you can get XD file from there. Don’t forget to star the repo if you like what you see. Screenshots The screenshots below are taken on amy device MI NOTE 5 PRO. Requirements Any Operating System (ie. MacOS X, Linux, Windows) Android Studio A little knowledge of ..
Live Demo : http://bit.ly/flutterecomapp Design Credits : https://gumroad.com/l/kamartaj Youtube Video : https://youtu.be/OQ-6Zo0vbAk Download Flutter UI Source code on GitHub https://github.com/theindianappguy/flutterecomapp FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
EgdroidChallenge challenge accepted A challenge code series idea suggested by an awesome android community Egdroid at this slack channel challenge series begin with custom animation. Animation examples splash screen animation view transformation animation transition animation SPLASH SCREEN ANIMATION TRANSITION ANIMATION VIEW TRANSFORMATION VIEW PROPERTY ANIMATION dribbble link Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter ..
Instagram_clone Instagram Clone (Both frontend and backend) created with Flutter and Firebase. Show some ❤️ and star the repo to support the project. Note This repository is still under development and I will continue to add more features to it. Features Custom photo feed based on who you follow Post photo posts from camera or gallery Like ..
Covid-19 – Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link Fonts Poppins link UI Credit Design by: Rendi Ramadana link Covid-19 App Final UI Download Covid-19 UI Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Pokemon App Pokemon App with animations, beautiful UI and network call. YouTube Tutorials Hindi Build a beautiful Pokemon App English Build a beautiful Pokemon App Screenshots Getting Started For help getting started with Flutter, view our online documentation. Download Pokemon App Source Code on GitHub https://github.com/iampawan/PokemonApp FlutterappworldProvides the list of the opensource Flutter apps collection with ..
flutter_circle_color_picker A beautiful circle color picker for Flutter. Light theme Dark Theme Usage … body: Center( child: CircleColorPicker( initialColor: Colors.blue, onChanged: (color) => print(color), size: const Size(240, 240), strokeWidth: 4, thumbSize: 36, ), ), … API /// Called during a drag when the user is selecting a color. /// /// This callback called with latest ..
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 ..
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 ..
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 ..
pizza flutter app A new Flutter application. 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, ..
Flutter Music Player First Open Source Flutter based Beautiful Material Design Music Player(Online Radio will be added soon.) Demo App Play Store BETA 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 / ..
Flutter UIKit The goal of this project is to provide an ultimate collection of real world app’s UIs. While I built Flutter UIKit for my own needs, it is also intented to showcase good app structure and a clean, well-organized Flutter codebase. The source code is 100% Dart, and everything resides in the /lib folder. This project will ..
Live Demo : http://bit.ly/399s9gB Download Flutter Book App UI Design Source Code on GitHub https://github.com/theindianappguy/flutterbookapp FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Live Demo: http://bit.ly/339nOrA Credits: UVENTO App Download Flutter Event App UI Source Code on GitHub https://github.com/theindianappguy/uvento FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
???????? Flutter Furniture App Concept Flutter representation of a Furniture App Concept i found on Uplabs. Star⭐ the repo if you like what you see????. Link to Original Design on Uplabs Images are from Unsplash ✨ Requirements Any Operating System (ie. MacOS X, Linux, Windows) Any IDE with Flutter SDK installed (ie. IntelliJ, Android Studio, VSCode etc) A ..
Pokemon App Pokemon App with animations, beautiful UI and network call. YouTube Tutorials Hindi Build a beautiful Pokemon App English Build a beautiful Pokemon App Screenshots Getting Started For help getting started with Flutter, view our online documentation. Download Flutter Pokemon App Source Code on GitHub https://github.com/DevPianist/PokemonApp FlutterappworldProvides the list of the opensource Flutter apps ..
lets_head_out A flutter UI Challenge for Traveling 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 Screenshots Download Travel flutter app UI Source Code on GitHub https://github.com/zakariaBoukernafa/Lets-Head-Out FlutterappworldProvides ..
animator Enables you to create stunning flutter animations, faster, efficient and with less code. Partly inspired by the amazing Animate.css package by Dan Eden. Please note, although it’s inspired by Animate.css, this still is a Flutter package, meaning it will be available for all flutter-supported platforms. Features: Combine and chain Tweens with multiple easing-curves. Less ..
Swipe Cards In Flutter This project implements the card swipping Feature like Tinder in flutter. I have shown different Hill Stations details with this nice looking Ui. We can get details of any place on tapping the card which takes us to next page. We have use Stack widget to arrange the cards one above ..
CreditCarAccount Features Hold animations Degrade BorderRadius Libs Google Fonts: https://pub.dev/packages/google_fonts#-readme-tab- Flutter Icons: https://pub.dev/packages/flutter_icons#-readme-tab- SlideSheet: https://pub.dev/packages/sliding_sheet Preview Download Source Code on GitHub https://github.com/RenatoLucasMota/CreditAccountApp FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
???????? Flutter Social App Concept Flutter representation of a Social App Concept i found on Uplabs. Star⭐ the repo if you like what you see????. Images are from Unsplash Link to Mockup ✨ Requirements Any Operating System (ie. MacOS X, Linux, Windows) Any IDE with Flutter SDK installed (ie. IntelliJ, Android Studio, VSCode etc) A little knowledge of ..
flutter_html Note: 1.0.0-pre.1 has been released! See the Migration Guide if you’d like to take advantage of all the new features of 1.0.0! Also, check out the Prerelease Changelog. Version 1.0.0 is currently on the new-parser branch. This README will be updated when 1.0.0 is merged into the master branch. A Flutter widget for rendering static html tags as Flutter widgets. ..
flutter_tinder_template This is an template implementation of the Tinder App with Flutter. How to Run the Project Ensure that you have the flutter installed, how described here Clone this repository, in the terminal git clone https://github.com/bgildson/flutter_tinder_template In the terminal, walk to the project root folder and run flutter run Getting Started For help getting started with Flutter, view ..
Flutter App Templates
