Chat App Development Front-End and Back-End using Flutter, SocketIo, and NodeJS. (Limited code) Playlist for Chat App Development series -: Playlist Name YouTube Playlist Link Chat App Development (Main Playlist) Link Chat App Development (Only Front-End using Flutter) Link Chat Server Development (Only Back-End using Node/SocketIo) Link Some Screenshots of this series 1. Landing Page ..
Category : UI
Flutter Card Managing App – Cardy Bank I uploaded on youtube!! Thanks to Watch Introduction I’m working on a project to launch a simple brand. I tried configuring the UI related to water. I developed it using flutter, and I have listed the packages related to development below, so please check it out. If you ..
food_delivery_app Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Watch Shop Concept Watch Shop Concept. Video Download this app souce code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
games_mix A game app UI made using flutter. Inspiration https://github.com/developedbyed/glass-website 610 forks. 937 stars. 17 open issues. Recent commits: init, developedbyed Screenshot Support If you like what we do, and would want to help us continue doing it. This project is a starting point for a Flutter application. A few resources to get you started ..
Identt-User-Flutter IdenTT Prove your identity on demand and manage your finance. View Admin Panel Demo || View App Demo About The Project Problem: Most of the times users have to carry hefty documents and spend time in long queues as the process is too lengthy. Bank Employees have to fill the form manually into the computer. This ..
login_ui This app containes Log In Page and Home Page. Download Login UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
profile A new Flutter project. Getting Started This project is a starting point for a Flutter application. Project includes with professional pattern of UI in addition i used setstate() function SplashScreen map physics widget timerfunction BottomNavigatorBarwidget Stack widget ListView.Seperated() statefull functionilities Download Job Profile UI source code on GitHub FlutterappworldProvides the list of the opensource ..
Ui Clone of the Nequi application This design has been created for educational purposes. Also this project has integrated push notifications with firebase and my own server in python. if u want to try just put the app in background mode and search this in your browser https://juansuarezz-servidorflask.zeet.app/message Final Result. Getting Started Just git clone and ..
LoginScreen LoginScreen About fast login Screen b creating some Widget likebuildEmail=> for textfield email buildPassword=> for textfield password buildRememberMe=> for Check box & text(remember me) buildForgetPassword=> for text(forget Password) buildLoginButton=> for Button build facebook&google&twitter => icons Snapshots Home Page homepage2 Download login screen UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter ..
Flutter Ecommerce App UI | Speed Code In this video we will create two screens for ecommerce app using #flutter. In Home screen there will be items grid and category selector. In Details screen we display selected item details. We using #Hero widget to implement #animation. Preview Download Ecommerce App UI source code on GitHub ..
Game app ui built with Flutter. Download Game app ui source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Packages we are using: flutter_svg: link goole_fonts: link Fonts Poppins link On flutter very easily you can make amazing animation, that looks wow . A lot of you guys think it’s pretty hard to do, but not in flutter. So today I will show you how easily you can animate grocery app add to cart items also how to ..
sizer Sizer is helps you to create responsive UI easily. A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. Content For Existing User Installation Parameters Suggestion Note Existing User Hello Existing users, I have updated the package for supporting Flutter 2.0 and solving many bugs then Whenever you update 1.x.x to 2.x.x ..
GET A Full Project Source Code Download Source Code 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, ..
In the first part of our complete e-commerce app, we show you how you can create a nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter. Then on the second episode, we build a Sign in, Forgot Password screen with a custom error ..
Flutter Twitter UI Home Download Twitter UI Clone source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
give it a star if you find it helpful, Happy coding ^^ Screenshots 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 on mobile development, and ..
FLUTTER FACEBOOK UI CLONE This facebook UI clone is done with Google’s Flutter. Its highly widget refactored (reusable widgets). You can download the Apk from the download folder. download => app-release.apk Download Facebook UI Clone app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Screenshots Feeds Profile Feeds Profile Feeds messenger Download facebook clone UI source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
E-Scooter Mobile App UI Short Intro: I designed the animated e-scooter app UI with flutter. Also i used the Provider state management and animated widgets. And it’s fully responsive. I created the animated E-Scooter Mobile App UI with Flutter. Also I used: -Provider State Management -Animated Widgets(Animated Container, Animated Padding, Hero Widget) Download E-Scooter Mobile ..
E-commerce application ui in flutter Hi I recently started with an E-commerce App and decided to share my exploration. I tried to make it sleek and according to latest design trends. screenshots Download source code on GitHub https://github.com/ishaileshmishra/flutter-ecommerce-app FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Credit Card A Flutter package allows you to easily implement the Credit card’s UI easily with the Card detection. Preview Installing Add dependency to pubspec.yamlGet the latest version in the ‘Installing’ tab on pub.dartlang.org dependencies: flutter_credit_card: <latest_version> Import the package import ‘package:flutter_credit_card/flutter_credit_card.dart’; Adding CreditCardWidget With required parameters CreditCardWidget( cardNumber: cardNumber, expiryDate: expiryDate, cardHolderName: cardHolderName, cvvCode: ..
Movi App UI in Flutter Short Intro: Movies App UI in Flutter using Simple Widgets without Using API’s in Flutter. 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 ..
Toasta Simple, Smooth & Elegant toast libary for Flutter on all Platform. Inspired by iOS. Github Repo iOS Android Web Demo How to use Step 1: Add to pubspec.yaml Step 2: Wrap your MaterialApp to ToastaContainer class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return ToastaContainer( // Wrap your app by ..
In this app , user can check his BMI by providing his basic details. Appstate/Shaedstate has been used is in the app to maintain the states. VelocityX VxState Font Awesome Font Awesome FLutter Screenshot License Installation Usage How To Run Clone this repo Run flutter packages get Run flutter run (remember open simulator or connect physical device, iOS ..
Amazon-Redesign Video Dwonload Amazon Redesign UI source code on GitHub https://github.com/FlutterBaba/Amazon-Redesign FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter-awesome-bottom-navigation-bar 🐱👤 Fast code and awesome design-ui for flutter navigation bar Getting Started # First you need to add flashy_tab_bar 0.0.3 in the dependency at pubspec.yaml: Basic Usage # Add this inside your main.dart or your page ! Note From : flashy_tab_bar in pub.dev !! 🐱👤 made with algeria Download this design UI source code on GitHub ..
udemy_flutter 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, samples, guidance ..
Speed Coding – Nubank This project aims to reproduce the interface of the Nubank app’s home screen. As always, there is no sponsorship involved and no outside investment in any way. The purpose of this repository is purely for studies. Getting Started clone the project execute command flutter pub get run the project Download Nubank home screen ..
luizdebank demo2.mp4 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 on mobile development, ..
top-snackbar-flutter Made in lanars.com. If you need to show the user some information in a nice way, you can use this package. The API is as simple as API for regular Material method showDialog. If you need to use your own widget to display, you can pass it into showTopSnackBar function. Getting Started In order to show a CustomSnackBar ..
Nest M.U.D – Getting Started Getting Started How to Play API Design A M.U.D (multi user dungeon) with a back end API built with nestjs and a front end UI built with Flutter. Server Look at what these scripts actually do before running them! Setup Attempts to install nvm, node, yarn, nestjs and package.json defined dependencies. cd server ./script/setup Start Server Starts a postgres database in a docker container, ..
Crate & Barrel – Dark Mobile App Concept Animated An animated flutter UI for E-commerce product variant selection / add to cart developed by nonybrighto and designed by Akram Khalid. Overview Animation Screenshots Screenshots from the developed flutter application Screenshot 1 Screenshot 2 Screenshot 3 Download An animated flutter UI for E-commerce product variant selection source ..
Taskez A productivity mobile application UI kit built with Flutter Designs and inspiration by Taskez IOS UI kit. Application Flow – Youtube Show some and star the repo to support the project Screenshots Taskez UI Designs. Download Mobile Application UI kit source code on GitHub https://github.com/Davies-K/Taskez FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
CCExtractor Flutter GUI The new cross-platform interface is all you need, as it includes all the options. After installing GUI you will have a shortcut in your desktop, this lets users not familiar with CLI to extract subtitles. Usually, you will never need to use all the options (and even if you do, all the ..
Figma Squircle Flutter implementation of Figma’s corner smoothing. Usage Decoration The SmoothRectangleBorder can be provided to a regular ShapeDecoration with a custom SmoothBorderRadius. Container( height: 100, width: 100, decoration: ShapeDecoration( color: Colors.red.withOpacity(0.75), shape: SmoothRectangleBorder( borderRadius: SmoothBorderRadius( cornerRadius: 10, cornerSmoothing: 0.5, ), ), ), ) Only Each corner can have an independent smoothing and radius. SmoothBorderRadius.only( topLeft: SmoothRadius( cornerRadius: 10, cornerSmoothing: ..
Settings UI for Flutter Installing: In your pubspec.yaml dependencies: settings_ui: ^1.0.1 import ‘package:settings_ui/settings_ui.dart’; Basic Usage: SettingsList( sections: [ SettingsSection( title: ‘Section’, tiles: [ SettingsTile( title: ‘Language’, subtitle: ‘English’, leading: Icon(Icons.language), onPressed: (BuildContext context) {}, ), SettingsTile.switchTile( title: ‘Use fingerprint’, leading: Icon(Icons.fingerprint), switchValue: value, onToggle: (bool value) {}, ), ], ), ], ) Settings UI supports ..
macos_ui Flutter widgets and themes implementing the current macOS design language. Content macos_ui Content Contributing Resources Layout MacosWindow MacosScaffold Buttons MacosCheckbox HelpButton RadioButton PushButton MacosSwitch Dialogs MacosAlertDialog Fields MacosTextField Labels MacosTooltip Indicators Progress Indicators ProgressCircle ProgressBar Level Indicators CapacityIndicator RatingIndicator RelevanceIndicator Contributing macOS welcomes contributions. Please see CONTRIBUTING.md for more information. Resources macOS Design Resources ..
Easy Material White Theme Getting Started in pubspec.yaml void main() { runApp(FastTheme( accentColor: Colors.pink, child: MyApp(), )); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: ‘Flutter Demo’, theme: FastTheme.of(context).theme, home: SampleListPage(), ); } } Specific Widget FastAppBar showFastTimePicker showFastDatePicker Download Fast UI White source code on GitHub FlutterappworldProvides the ..
Flutter App Templates
