Category : UI

Check out the clone of the Tinder app built with Flutter. Download Source Code on GitHub https://github.com/buurzx/tinderCloneUI FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..

Read more

vitag A new Flutter project. Video Template Link visit https://firebasestorage.googleapis.com/v0/b/tomisin-edc61.appspot.com/o/raven.mov?alt=media&token=2332bcfc-cdcc-4840-a424-e1268cd691a9 for a video sample Screen 1 Screen 2 Screen 3 Screen 4 Download Flutter Application for events Source Code on GitHub https://github.com/Tomison-E/vitag FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..

Read more

allthingscharmaine A new Flutter application. . . . . .. . . . . . . . Getting Started ASSETS: https://1drv.ms/u/s!AnbxnB5ugF0ohrM89fJXIqFf8g-q9A?e=ZJD3N6 SPECS: https://xd.adobe.com/spec/ef7f1c29-d7fe-41c8-6fc6-d7e578fd9667-994e/ JPG FOLDER: https://1drv.ms/u/s!AnbxnB5ugF0ohrI6TKtlLndyYblqFg?e=kkDG5l IMAGES: https://1drv.ms/u/s!AnbxnB5ugF0ohq5I1koms_klMJYrxg?e=96llFF FONT: https://1drv.ms/u/s!AnbxnB5ugF0ohrQNaYKBYx2T5otWnw?e=Ocqsp1 FLOW: https://1drv.ms/u/s!AnbxnB5ugF0ohpd1NcDxr2z_BmnDkw?e=rtEECa Adobe Xd Designs https://xd.adobe.com/spec/ef7f1c29-d7fe-41c8-6fc6-d7e578fd9667-994e/ Marvel App https://marvelapp.com/ah73ije Download Source Code on GitHub https://github.com/Tomison-E/allthingscharmaine FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..

Read more

ballers A flutter application showcasing various animations. Android APK https://firebasestorage.googleapis.com/v0/b/tomisin-edc61.appspot.com/o/app.apk?alt=media&token=32a5e8f7-cfe7-4b1c-b587-27c6010243d1 Design Template UI Flutter Implementation HomeScreen DetalScreen Screen Download Ballers Source Code on GitHub https://github.com/Tomison-E/ballers FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..

Read more

fantasy_football A Flutter Project For Fantasy Football League. The team used in this project is in reference to my team mates in Redeemer’s University Divine Champions. Preview This is a sample of how the project view looks like. Getting Started The generated folder in lib which hosts the i18n.dart was not added because this folder ..

Read more

neuomorphic_container A package widget that applies the concept of Neuomorphism in software development using Flutter. neuomorphic_container Package Url Getting Started Neumorphic containers pretends to extrude from the background. It’s an elevated form created from the same element of the background. The background color of your application or widget hosting the Neuomorphic Container has to match ..

Read more

Info: A complete, ready to use, Neumorphic UI kit for Flutter, ????️ dark mode compatible. flutter_neumorphic A complete, ready to use, Neumorphic ui kit for Flutter ⚙️ Installation https://pub.dev/packages/flutter_neumorphic dependencies: flutter_neumorphic: ^1.0.0+3 The in your .dart files import ‘package:flutter_neumorphic/flutter_neumorphic.dart’; What’s neumorphic Material Cards A Modern / Material (upgraded) card usually is a surface floating on top of our ..

Read more

Flutter Gaming UI – A Flutter Game Streaming App Template A Flutter UI template of a Game Streaming App I found on Dribble. Disclaimer: I am not in anyway in affiliate with the designer of the screens. I just love the UI and decided to do it in Flutter. Don’t forget to star⭐ the repo if ..

Read more

My effort on replicating various apps UI on flutter. Building and running the code From now on, you need to create your own firebase project and add the config files in order to build the project. In order to build the project before firebase services were added please checkout the branch without-firebase Table of contents Youtube ..

Read more

google_nav_bar A modern google style nav bar for flutter. GoogleNavBar is a Flutter widget designed by Aurelien Salomon and developed by sooxt98. Getting Started Add this to your package’s pubspec.yaml file: Now in your Dart code, you can use: Usage View the example folder Download Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub ..

Read more

Flutter UI Kits This project contains various inspired UI kits purely coded in the Flutter framework. Animated BottomBar An animated bottom bar with AnimatedSwitcher. Sample Code :: Wallpaper UI Kit Grocery UI Kit Designed by Ishan Madushka Feel free to star and fork the project I’ll continue to work on this project as im learning the ..

Read more

flutter_swiper The best swiper for a flutter , with multiple layouts, infinite loop. Compatible with Android & iOS. ✨✨ New Features: Layout for pagination. We are using this project flutter_page_indicator now. ✨✨ New Features:PageTransformer Finally, we have PageTransformer like an android, just set a transformer to Swiper, it returns a widget that has been transformed. For now, only support for layout DEFAULT. Thanks to @FlutterRocks ..

Read more

Info: wechat_flutter Flutter version of WeChat, an excellent open-source IM library for Flutter IM! log 2020.02.16 Adapted to flutter v1.12.13 and Androidx, fix Android running problems 2019.12.30 Cancel extended_text_field wechat_flutter wechat_flutter is a flutter version of WeChat, which has realized the basic functions of instant messaging, supports Android and IOS, and has a specific download ..

Read more

Live Demo: http://bit.ly/2uAwmLd Youtube Video : Home Page : https://youtu.be/ilkno_gqNu0, Info Page : https://youtu.be/U-P3Qj51X2s Download Flutter Doctor App UI Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..

Read more

flutter_music_player_app Music player 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, guidance ..

Read more

flutter_ecommerce_app       E-Commerce app is a design implementation of E-commerce App designed by Imran Download App  Android Screenshots HomePage Product Detail Page Cart Page iOS Screenshots HomePage Product Detail Page Cart 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. Getting ..

Read more

Emojis  Emoji for Dart  Over 3300 EmojisThis  contain all  Unicode 13 Emojis (2️0️2️0️)  Usage  Import import ‘package:emojis/emojis.dart’; // to use Emoji collection import ‘package:emojis/emoji.dart’; // to use Emoji utilities  Use print(‘I ${Emojis.greenHeart} ${Emojis.directHit}’); // I 💚 🎯 Emoji smile = Emoji.byName(‘Grinning Face’); // get a emoji by its name print(‘Emoji name : ${smile.name}’); // Emoji name is Grinning Face ..

Read more

Flutter UBER UI Kit  A flutter Uber UI Kit inspired by A design on behance 20+ Screens and still making more. ???????? Star if you like what you see. ⭐⭐⭐⭐⭐ PRs are welcome ヽ(•‿•)ノ ヽ(•‿•)ノ Screenshots Project is free to use/modify by anyone and everyone Download Flutter UBER UI Kit Source Code on GitHub https://github.com/OLayemii/uberr-ui FlutterappworldProvides the ..

Read more

Flutter E-Commerce App A Flutter e-commerce starter kit built using ScopedModel for state management that allows you to view a list of paginated products and its details. Originally built by the Flutter team at GeekyAnts. You can checkout the complete starter kit on Flutter Market: Link Setup You need to add a remote_config.dart file in the lib>util directory as follows: Download Source Code ..

Read more

Flutter Chat App A one-to-one chat app built on Flutter with firebase authentication and image sharing capability. For help getting started with Flutter, view the online documentation. You can check out the corresponding Google code lab here. Demo Watch the full video here Getting Started Note: Make sure your Flutter environment is setup. Installation In the command terminal, run ..

Read more

Flutter Shopping App A basic shopping app design built using Flutter. Android iOS Getting Started For help getting started with Flutter, view the online documentation. Stateful & Stateless Widgets In the runApp method inside main.dart, you can replace StatefulShoppingListPage with ShoppingListPage if you do not want the sort grid items functionality. Download Source Code on GitHub FlutterappworldProvides the list of ..

Read more

Steampunk Clock for Flutter Clock contest ???? This project is one of the winning submissions in Google’s & Lenovo dev/design contest, called “Flutter Clock” (with over 850 valid entries from around the world). You can read more about this contest here: flutter.dev/clock I’ve made a analog clock variant, with look and feel of, late 18 or early 19 century. This is mainly design ..

Read more

Flutter Clock – Tetris Time My contribution to the Flutter Clock challenge in 2020. See flutter.dev/clock to read more about the contest. Video: https://youtu.be/__NSq-X4e0w Tokens: Merlin and Klaudia Jentsch Colors: Merlin and Klaudia Jentsch Animation: Michael Jentsch Development: Michael Jentsch Download Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with ..

Read more

Star Clock This is my entry for the Flutter Clock Face Contest. Build the instructions below. TLRD: Clone with –recurse-submodules Here’s a small demo video: Screenshots Day mode (sunny) Night mode Weather (other) Cloudy Foggy Rainy Snowy Thunderstorm Windy Building git clone –recurse-submodules https://github.com/ciriousjoker/star_clock cd star_clock flutter create –org de.ciriousjoker . flutter pub run flutter_launcher_icons:main flutter run –release Flare ..

Read more

Snake Clock This is an original and fun clock face where a snake lives its day along with yours. It’s my first ever Flutter app! I built it for the Flutter Clock challenge. How does it work? The snake’s head represents the current time. Each hour is a line, and minutes are the head’s horizontal position. ..

Read more

Flutter Clock This is a Scenery Clock prepared for #FlutterClock challenge. See flutter.dev/clock to know more about the dev challenge. Scenery Clock Scenery Clock uses storytelling to visualise what is the current time of day and weather with beautiful animations and immersive day-night transitions. Checking the time or weather never was so pleasant and emotionally connected before. ..

Read more

Download Paper Clock Source Code on GitHub https://github.com/ryanjacktaylor/paper_clock FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..

Read more

matches_clock 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

Lofi-clock This project is an entry for the flutter clock challenge hosted by Google for Lenovo Smart clock, 2020. Our preferred testing environment was an Android emulator. The app works best on a 5:3 screen that has a resolution of 800×480 pixels in landscape mode. We made a clock face that borrows influence from Lofi ..

Read more

Iso Clock – Flutter Challenge This is my take on a classic digital clock look with a modern 3D “flat” design and playful animations. I come from a web background and this is my first Flutter App, so go easy! It has been an absolute delight working with Flutter and I’m excited to encorporate it ..

Read more

My submission for the Flutter Clock Challenge The clock shows weather conditions as well as the current temperature. Everything works programmatically without assets. Download Source Code on GitHub https://github.com/HelgeWieding/helg9000 FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..

Read more

Flutter Clock This clock face was inspired by neumorphic design. The main goal during development was simplicity and attention to details. Clock face’s hands are sublty animated and have slight drop shadow that is always oriented in the same direction. Bevels of the clock cast slight shadows the same way. This clock face was prepared ..

Read more

Info: A clock display app made for the Flutter Clock Challenge 2019. Dots Clock Dots Clock is a digital clock written in Flutter, Dart. It was developed for the Flutter Clock challenge. Table of Contents Clock Variations Design Philosophy Goals Implementation Final Thoughts Clock Variations Variation Screenshot Motion Design Standard Youtube Blobs Youtube Gooey Youtube Cellular ..

Read more