Flutter Story 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 on ..
widget_with_codeview A widget with side-by-side source code view. Extracted from the flutter-catalog open-source app. Usage First make sure to add the source file to the app’s assets by editing pubspec.yaml: dependencies: flutter: sdk: flutter widget_with_codeview: ‘1.0.3’ flutter: assets: # Include a single source code file: – lib/my_awesome_source_code.dart # Include all files under a subfoler by adding trailing “/”: ..
Flutter Catalog An app showcasing Flutter components, with side-by-side source code view. New: Flutter Catalog is now available in the browser! Check it out here. And note there are some limitations to the web variant. Screenshots How to contribute by adding a new example page Create a dart file under lib/route/ (or just duplicate a file, e.g. cp widgets_icon_ex.dart new_example.dart); In the ..
Flutter Markdown A markdown renderer for Flutter. It supports the original format, but no inline html. Getting Started Using the Markdown widget is simple, just pass in the source markdown as a string: If you do not want the padding or scrolling behavior, use the MarkdownBody instead: By default, Markdown uses the formatting from the current ..
Furniture_UI Screen design of a Furniture app using Flutter. Design credit – https://dribbble.com/shots/5601479-Furniture-app/attachments/1210953 How do I code this – https://youtu.be/ZtPe6Zu6BA4 Screenshots Download Source code on GitHub https://github.com/rajayogan/flutterui-fu..
Curved Design Code for a simple ui screen created with flutter. Design credit – https://dribbble.com/shots/6687016-Foody-Food-by-Subscription How do I code this – https://youtu.be/K1uH_SN4X0w Screenshots Download Flutter Curved Design source code on GitHub https://github.com/rajayogan/flutterui-cur..
Flutter UI – Talent Hire Screen Screen recreated from a concept. Design credit – https://dribbble.com/shots/4486758-Relationship-Coaching-App/attachments/1017305 How do I code like this ? – https://youtu.be/VE1IsV0HABs Screenshots Download UI Source code..
FoodApp_UI Screen design of a Food App Flutter. Design credit – https://dribbble.com/shots/5137623-Food-App-Homepage-Concept/attachments/1133457 How do I code this – https://youtu.be/bmmTY2lHaks Screenshot: Download Flutter Food app ui source code..
Veggie Seasons An iOS app that shows which fruits and vegetables are currently in season. It showcases Flutter’s Cupertino package. Available now in the App Store! NOTE: While Flutter supports many platforms, this application is designed specifically for iOS. It’s not intended to be run on Android, web, or desktop. Goals Show how to build an ..
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..
fruitshop Dribble UI link https://dribbble.com/shots/11433982-Food-shop-Mobile-App Screen shots Download fruit shop UI source code..
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) ..
Fludo Fludo is a Flutter app which uses canvas and animations to build a Ludo board game. Features Roll dice & move your pawns Kill oponent’s pawns Protect your pawns on safe spots Free turns as per basic ludo rules Gameplay Roadmap Music integration UI/UX improvements Multiplayer support (Firebase) Pull Request To generate a pull ..
resturant A new Flutter project. Getting Started All YOU NEED TO DO IS TO COPY AND PAST YOUR OWN API KEY & YOUR FIREBASE APP URL ! 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 ..
streamZ A simple video streaming application made with Dart, JS, HTML, CSS & Show some by putting Recently I wrote an article, explaining how to deploy it using systemd in LAN, which can be found here. what does it do ? A streaming service, intended to run in small network(s) ( may be in your home network ), which lets you stream movies ..
locatorz A Simple Flutter based Android Application to work with Location based Data 😉 Documentation :: Work in Progress 🙂 Screenshots :: Screen Recording :: You might be interested in checking out this screen recording. Download :: Latest version of App can be downloaded here 🙂 Download locatorz app source code on GitHub https://github.com/itzmeanja..
sensorz A Simple Flutter Android App, which displays Android Sensor Data. Introduction :: For implementation of UI, this app uses Flutter Framework. Code base is written mainly using Dart and Kotlin, these two languages. For accessing platform features, such as Sensors, Kotlin Language is used. UI level coding is done using Dart Language. For receiving continuous ..
intent A simple flutter plugin to deal with Android Intents – your one stop solution for Android Intents, written with . Show some by putting intent tries to help you in launching another android activity using Android Intents. This Dart API replicates Android Intent API, so for detailed information on how to use it efficiently, when to send what kind ..
Camera Plugin A Flutter plugin for iOS and Android allowing access to the device cameras. Note: This plugin is still under development, and some APIs might not be available yet. We are working on a refactor which can be followed here: issue Features: Display live camera preview in a widget. Snapshots can be captured and saved ..
ONLY FOR FLUTTER WEB Flutter widget that automatically resizes text to fit perfectly within its bounds. Show some and star the repo to support the project Resources: Documentation Pub Package GitHub Repository Online Demo Also check out the blazing fast key-value store hive. Contents Usage maxLines minFontSize & maxFontSize group stepGranularity presetFontSizes overflowReplacement Rich Text Parameters Performance ..
FlutterIconPicker This package provides an IconPicker with supported Icons which can be picked through an AlertDialog. All Icons are mapped with its names in the IconData. This is necessary to make it possible to search through the icons. Fulltextsearch including a note if no results where found. Supported IconPacks IconPack Supported Material Material Outline Cupertino ..
ImagePickerWeb This Web-Plugin allows Flutter Web to pick images (as File, Widget or Uint8List) and videos (as File or Uint8List). Many thanks goes to AlvaroVasconcelos for the implementation of picking images in his plugin: flutter_web_image_picker Disclaimer for Videos Till now [Mar. 2020] it’s not possible (due to security reasons) to play a local video file (see also video_player_web). ..
flutter_svg Draw SVG (and some Android VectorDrawable (XML)) files on a Flutter Widget. Getting Started This is a Dart-native rendering library. Issues/PRs will be raised in Flutter and flutter/engine as necessary for features that are not good candidates for Dart implementations (especially if they’re impossible to implement without engine support). However, not everything that Skia can easily ..
Progress State Button A customizable progress button for Flutter Test with DartPad Installation Usage Icon With Custom Widgets Constructors Default constructor of ProgressButton ProgressButton.icon() specific constructors License This project is licensed under the MIT License – see the LICENSE.md file for details Download Progress State Button source code on GitHub https://github.com/slm/progress-st..
Info: BuatIn application is a marketplace application that provides products in the form of domains, hosting, and website templates so that users can select and order everything that is available as a marketplace feature in general. This is an application for Admin to manage purchases from users and create websites according to user orders. Create for ..
Info: BuatIn application is a marketplace application that provides products in the form of domains, hosting, and website templates so that users can select and order everything that is available as a marketplace feature in general. This is an application for users or buyers. BuatIn for client This is a CreateIn application for clients, created with ..
sudoku aplikasi sudoku yang dibuat menggunakan flutter berikut adalah screen shot dari game sudoku : 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 ..
PortfolioX PortfolioX is a 100% free Flutter open-source resposive app built with Flutter SDK using VelocityX. Demo PortfolioX Show some and star the repo. Collection of flutter apps with tutorial Flutter Example Apps Screenshot Found this project useful? If you found this project useful, then please consider giving it a on Github and sharing it with your friends via social media. ..
stepo A highly customisable Flutter package for animated unit stepper Supported Dart Versions Dart SDK version >= 2.1.0 Demo Gif Installation Add the Package dependencies: stepo: ^1.0.0 How to use Import the package in your dart file import ‘package:stepo/stepo.dart’; Basic usage : Stepo( key: UniqueKey(), ), Note: For stepo to show instant changes on hot ..
imageview360 A Flutter package which provides 360 view of the images with rotation and gesture customisations. Supported Dart Versions Dart SDK version >= 2.1.0 Demo Gif Installation Add the Package dependencies: imageview360: ^1.0.0 How to use Import the package in your dart file import ‘package:imageview360/imageview360.dart’; Basic usage : ImageView360( key: UniqueKey(), imageList: imageList, ), Note: ..
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/..
Corona-Shield A Corona Tracking Mobile Application. Corona Shield is an open sourced Corona Tracking Mobile Application with Back-end made by Amine Jafur with using Flutter, PHP, JS. After watching Najib El Mokhtari’s video about the government’s application project for COVID-19 tracking. And, since I had built a similar Bluetooth tracking application for the open-ended Hackathon 2015 by Screendy hosted @Casablanca, I decided to ..
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 ..
Awesome Flutter tips and tricks #Day1 stless & stful. We can type stless and stful and we get Autocomplete Suggestion to generate Stateless Flutter Widget or Stateful Flutter Widget Respectively. #Day2 If Null Operator (??). ?? checks If something is null. If it’s not null it returns its own value but if it’s null it returns the value after ?? return abc??10; //returns 10 if abc is null else returns ..
Flutter Localizer IntelliJ Plugin IntelliJ Plugin to ease the process of localizing hard coded strings in Flutter projects Installation The plugin is still under development and therefore not available on the IntelliJ Plugin repository. Either download flutter_localizer.zip or build the project yourself. Then follow this guide on how to install plugins from a zip file: https://ballerina.io/learn/intellij-plugin/#installing-the-zip-file-via-the-ide Usage ..
credit_card_type_detector | Credit Card Type Detector A Dart package that detects credit card types based on the current credit card number patterns This is a port from Braintree’s credit-card-type module Installing Add dependency to your pubspec.yamlGet the current version in the ‘Installing’ tab on pub.dartlang.org Import the package Usage Check out the example app in the example directory or the ..
Flutter ShuttleTracker Flutter ShuttleTracker is a native cross-platform port of ShuttleTracker that utilizes the Flutter framework for development. Showcase Features Live updates displayed on map for shuttles, routes, and stops Basic Dark Mode functionality Automatic route toggling Clicking on a shuttle stop will zoom to its coordinates Splash screen that displays ShuttleTracker logo Setting up ..
On-Board Me A flutter package that helps you create on-boarding screen for your project with minutes just by passing a few parameters. Why We Build? Can you build an On-boarding screen within minutes for your app? This is where we help you do that. Screenshots Usage Import this class import ‘package:onboardme/src/on_boarding_me.dart’; Add the On-Boarding screen OnboardingMe( /// ..
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..
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 App Templates
