Category : UI

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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. 6 stars. 0 open issues. Recent commits: Product ..

Read more

Online Course App Download source code on GitHub https://github.com/sangvaleap/app-flutter-online-course-clean-architecture-bloc 10 forks. 51 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..

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more

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

Read more