ModularUI : Pre-built beautiful flutter widgets Inspired by material-tailwind and shadcn/ui Craft beautiful, accessible, and responsive Flutter UIs with a Modular-UI Design-inspired component library Get involved: join our discord :))) See our card creation guide Here are some of the examples : WhatsApp.Video.2024-01-07.at.2.22.15.AM.mp4 WhatsApp.Video.2024-01-07.at.2.22.18.AM.mp4 WhatsApp.Video.2024-01-07.at.2.22.16.AM.mp4 Current Status of Components/Widgets (might be on the development branch) Accordion ..
Category : UI
Description A demo app that demonstrates Flutter’s ability to create beautiful UI with complex animations. The app fetches recipes from local storage. 📦 Packages Description Package Architecture Reference Architecture State Management flutter_riverpod Theming flex_color_scheme animation flutter_animate & explicit animation Screenshot 📸 final.vid_compressed.mp4 🩻 Project Structure |- assets <- recipe.json and images | lib | |_ 📁src ..
Flutter TDD Clean Architecture E-Commerce App – EShop Welcome to the Flutter-TDD-Clean-Architecture-E-Commerce-App GitHub repository! This project is a showcase of modern mobile app development practices, leveraging the power of Flutter, Test-Driven Development (TDD), Clean Architecture, and the BLoC (Business Logic Component) package. Built using the latest version of Flutter 3, this E-Commerce application exemplifies best ..
Apple Stocks App Clone (Only UI) This application is a clone of Apple’s Stocks application, written in Flutter. The application contains static data and does not have remote API integration. The purpose of the application is solely to create a fluid native Apple-like experience and provide education to viewers throughout this process. 📸 ScreenShots Real ..
Flutter Rotational Password Dialer for GitHub: Enhancing Security and User Experience Introduction In the realm of digital security, safeguarding user accounts with robust passwords is of paramount importance. To further enhance security while providing an intuitive user experience, developers have created a Flutter Rotational Password Dialer specifically designed for GitHub. This innovative solution offers a unique and ..
Table Of Contents Description Vision Getting Started Components Text Header Text Body Text Button Button State (All button type have this) Button Type Chip FAB Form To Do / Roadmap Information Description Flutter simple UI core. This plugin is about UI only. All of the UI here are header text, body text, buttons, chips, FAB, ..
shop_o (Ecommerce App with Flutter) A simple E-commerce app UI likes to implement pixel-to-flutter UI Features Sign Up Page Sign In Page Home Screen Showcases: Sign Up Page Signin Page Home Page 1 Home Page 2 Home Page 3 Figma Link Stacks Dart Flutter UI Flutter version: 3.13.4 Download source code on GitHub https://github.com/hprity60/shop-o FlutterappworldProvides the ..
food_panda_clone_with_flutter (UI) A simple delivery app UI like Foodpanda implements pixel-to-flutter UI Features Splash Screen Home Screen Showcases: Splash Page Home Page Detail Page Visit the Figma design Stacks Dart Flutter UI Flutter version: 3.13.7 Download source code on GitHub FoodPanda App UI Clone Using Flutter https://github.com/hprity60/foodpanda_ui_clone_flutter 1 forks. 7 stars. 0 open issues. Recent commits: Product ..
Online Course App Download source code on GitHub https://github.com/sangvaleap/app-flutter-online-course-clean-architecture-bloc 8 forks. 52 stars. 0 open issues. Recent commits: Update README.md, GitHub added favorite, Sangvaleap Vanny added tests, Sangvaleap Vanny recreated android, Sangvaleap Vanny Update README.md, GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Wallet App A minimalistic, animated Flutter wallet app UI built for the workshop conducted at the Flutter & Friends conference in Stockholm, Sweden. In this workshop, you learn how to add animations with gradually increasing complexity to a Flutter Wallet app UI to bring it to life. 📃 Article version coming soon… Chapter 1 – Onboarding Page ..
The Netflix App UI Clone repository is a project that replicates the user interface of the popular streaming platform, Netflix. This repository serves as a comprehensive resource for developers interested in understanding and recreating the visually appealing and feature-rich Netflix interface made using Flutter. The clone utilizes data from TMDB’s API to fetch and display movie and ..
rahil_shaikh This is a simple wallet app UI project for showing the development skills. I built this project with GetX state management. I’ll write clean and clear code which help you to understand my development skills. Download source code on GitHub https://github.com/RaahilShaikh/Wallet FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. ..
About: A good demonstration of the power of flutter animation with the transition. food_ui_transition A Cook qwest UI with very awesome animations and transitions buit in Flutter. Screen.Recording.2023-08-14.at.9.53.47.PM.mov 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: ..
The open source way of designing remote UI Build your remote design system effortlessly, without writing code. Seamlessly integrate it into your codebase alongside your preferred packages, enabling easy UI updates without the need to rebuild the entire app. Documentation: https://docs.buildwiththeta.com Why Theta? Theta simplifies the creation and maintenance of remote design systems. It allows the ..
Flutter furniture app UI challenge WhatsApp.Video.2023-03-25.at.6.23.31.PM.mp4 Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Thermo UI 🌡 browser demo: http://rxlabz.github.io/flutter_ui_protos/thermo_ui/#/ a lot of CustomPainter SpringAnimation Colors gradient tween Inspired by https://twitter.com/realvjy/status/1640342553563217920?s=20 Download source code on GitHub https://github.com/rxlabz/flutter_ui_protos FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
flutter-auth-ui 📱 A simple library of predefined widgets to easily and quickly create auth components using Flutter and Supabase. ⚠️ Developer Preview: This is a developer preview and there maybe some breaking changes until we release v1.0.0. Email Auth Use a SupaEmailAuth widget to create an email and password signin/ signup form. You can pass metadataFields to add additional fields to ..
Syncfusion Flutter Widgets Syncfusion Flutter widgets libraries include high-quality UI widgets and file-format packages to help you create rich, high-quality applications for iOS, Android, and web from a single code base. Disclaimer: This is a commercial package. To use our packages, you need to have either the Syncfusion Commercial License or Syncfusion Community license. For more ..
Flutter Crowdfinding/Charity App Ui Screen.Recording.2022-05-05.at.3.52.14.PM.mov GitHub Repository FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
task1 A beautiful UI Flutter App. Getting Started -Simple UI App with api backend -Scrollable screen Download source code on GitHub 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 ..
A Flutter mobile app UI design implementation. Screenshots Download this UI design source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Animated Notch Bottom Bar A Flutter package for animating the position of selected item in bottomNavigationBar with notch like design. Inspired by react-native-tabbar-interaction plugin. Features : Supports any widget as as a bottom bar children. Animates the notch toward selected item. Create an optimized bottom navigation bar with beautiful animation. Supports blur effect like iOS Tab View. ..
This project is a restaurant application and is designed for simple restaurant harmony. Those who want to come to the restaurant can easily make a reservation. Star ⭐ the repo if you like what you see 😉 Libraries Used Design UI -> Figma State Management -> Provider Authentification -> Firebase Auth Design Pattern -> MVVM Features Splash Page ..
Flutter IoT App UI Challenge UI Reference: https://dribbble.com/shots/14180391-Smart-Home animated_medium20200911-22979-18ckd7h.mp4 Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
starbucks_landing_page Landing page for Starbucks builds with flutter. Snaps Desktop Tablet Mobile Download the source code at the given GitHub repository. FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
FlutterShare: This application basically uses firebase, firebase authentication, cloud firestore, firestore storage, and live activity push notifications. ScreenShots: Features: google authentication is provided live push notifications for IOS and Android heartbeat animation during liking of post cloud firestore and firebase messaging is available follow,unfollow user and deleting post functionality is available uploading images using firebase ..
food_order_ui This is a part of my flutter challenge repository. Food Order App UI based on Tonmoy Sarkar design on Dribble Image Menu All Copyrights to Antonio Pedro Download the Food Ordering app UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Crypto App UI with support for dark and light mode. Flutter 2.10.3 Null Safety (2022) Beautiful Crypto App UI with support for dark and light mode. Created by Martin Gogolowicz ( Martin Gogołowicz ). Please leave a ⭐ if you like it 💙 How it looks: Dark mode ⚫ : Light mode ⚪ : Features: Dark and Light Mode friendly Backend ..
Get Started git clone https://github.com/martinoyovo/messenger-app.git flutter clean flutter packages get flutter run App Preview Home Chat Details Chat Screen Design Template Download this app design source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
calendar_view A Flutter package allows you to easily implement all calendar UI and calendar event functionality. For web demo visit Calendar View Example. Preview Installing Add dependencies to pubspec.yamlGet the latest version in the ‘Installing’ tab on pub.devdependencies: calendar_view: <latest-version> Run pub get.flutter pub get Import package.import ‘package:calendar_view/calendar_view.dart’; Implementation Wrap MaterialApp with CalendarControllerProvider and assign EventController to it.CalendarControllerProvider( controller: EventController(), child: MaterialApp( // Your ..
Flutter UI Day 28 of 100 – Job App Getting Started Screenshots Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Screenshots! Download source code on GitHub https://github.com/Zero-RC/Shop-App-With-Flutter FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Daily Productivity ![coverage][coverage_badge] [![style: very good analysis][very_good_analysis_badge]][very_good_analysis_link] [![License: MIT][license_badge]][license_link] Generated by the [Very Good CLI][very_good_cli_link] A Very Good Project created by Very Good CLI. Getting Started This is a project inspired by a Dribble design [https://dribbble.com/shots/14988164-Daily-Productivity-Mobile-Exploration] Preview | Download source code on GitHub https://github.com/phuchuynhStrong/daily_productivity FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub ..
Packages we are using: flutter_svg: link On our E-commerce app UI has two pages one for the product page which has a horizontal list of categories then a list of our products. Then on the details page, it shows the price and short description of the product with the Buy Now button. The best part of ..
Doctor App Home Page. Drawer Page Detail Page Video Call Page Download source code on GitHub https://github.com/KrishKanojia/Doctor-App-UI FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Challenge_ui_Hotel_Screen IMG Challenge IMG CODE Download this UI source code on GitHub https://github.com/Hmida71/Challenge_ui_Hotel_Screen FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Netflix UI using Flutter Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
food_delivery_app_UI Download the source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
shoes_store shoes store ui – flutter instagram : https://www.instagram.com/deverflu/ screens: menu : 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 ..
Flutter App Templates
