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. ..
Category : Flutter App
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/Luxurycars FlutterappworldProvides the list ..
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 on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
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 ..
Info: Adds a side menu in all screens with debug information. You can decide which information to show and create new modules to include more information. https://pub.dev/packages/flutter_debug_drawer flutter_debug_drawer A debug drawer menu for better development. This is an initial release with very few functionalities. This project is heavily inspired on a similar project for Android (https://github.com/palaima/DebugDrawer) ..
flutter_movie_ui This repository is an implementation step-by-step of the following UI This is based in the Zuva Video Stream design by vijay verma in Dribbble This code is intended to be followed with this presentation Check the project commits to see all steps followed to create this code Download Flutter Movie UI Source code on GitHub https://github.com/sergiandreplace/flutter_movie_ui FlutterappworldProvides the list of ..
LunaSea is a fully featured, open source self-hosted media manager! Focused on giving you a seamless experience between all of your self-hosted media software, LunaSea supports: Lidarr Radarr Sonarr SABnzbd NZBGet Newznab Indexer Searching LunaSea even comes with support for multiple instances of applications using profiles, backing up and restoring your configuration to your filesystem, ..
Flutter Material Pickers A flutter package containing commonly used material design picker dialogs. Some are new, some wrap existing or built in pickers with a common dialog and access function. It includes: New Pickers showMaterialScrollPicker: Allows selection of a string via a slot machine carousel showMaterialNumberPicker: Allows selection of a number via a slot machine ..
Android’s Toast Message in Flutter Flutter application to show Android’s Toast Message. Methods and code to Show Toast message in flutter. To show Toast Message in flutter, I’m communicating to native code using Platfrom Channels from flutter, and from native code I’m showing the Toast message. Platform Channels: Which is provided by flutter to communicate ..
Rough Rough is a library that allows you draw in a sketchy, hand-drawn-like style. It’s a direct port of Rough.js. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: rough: <latest_version> Basic usage Right now only drawing via canvas is supported. This is a basic documentation in case you want to play around with Rough. ..
Flutter Hive Database Example A new Flutter project to understand to Hive database implementation. Packages Used Hive Package Screenshots Download Flutter Hive Database source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Dota 2 App using Flutter, Firebase and Google Cloud This is a pet project that born with the idea of having a nice subject to go through some Live Coding sessions. We are getting data from DotaBuff website to have more info about the heroes and latest matches. That info is going to be used on the ..
Covid-19 Track Covid-19 Track is free and Open Source, Cross-Platform Application developed using Flutter. Download the latest version from the below links. Download the App Direct Download MediaFire About Covid-19 Track tracks active, recovered, and deaths due to coronavirus all over the world and updates daily.This Mobile application allows you to select different countries to obtain ..
Tic Tac Toe Game using Flutter Download source code on GitHub https://github.com/benznest/xo-game-flutter FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
The Tertis Game on Flutter Download Flutter Tertis Game source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Sudoku Game on Flutter Download Sudoku Game source code on GitHub https://github.com/benznest/sudoku_game_flutter FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
The Snake Game on Flutter Download Flutter snake game source code on GitHub https://github.com/benznest/snake_game_flutter FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
The 2048 Game on Flutter Download 2048 Game source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
storyboard A Flutter Debug tool to see and test all your screens at once. Demo: https://rodydavis.github.io/storyboard/ Getting Started Wrap your MaterialApp with Storyboard. return StoryBoard( // enabled: true, // screenSize: Size(400, 700), child: MaterialApp( debugShowCheckedModeBanner: false, title: ‘Flutter Storyboard Example’, theme: ThemeData.light().copyWith( visualDensity: VisualDensity.adaptivePlatformDensity, ), darkTheme: ThemeData.dark().copyWith( visualDensity: VisualDensity.adaptivePlatformDensity, ), themeMode: ThemeMode.light, home: HomeScreen(), routes: { ..
Flutter Rounded Date Picker The Flutter plugin that help you can choose dates and years with rounded calendars and customizable themes. Installing Add dependencies in pubspec.yaml file. Add 2 things in it including flutter_localizations dependencies: flutter_localizations: sdk: flutter flutter_rounded_date_picker: 1.0.4 Importing import packages into your dart. import ‘package:flutter_localizations/flutter_localizations.dart’; import ‘package:flutter_rounded_date_picker/rounded_picker.dart’; Initialize localizations Add localization delegates ..
flutter_calendar_week A calendar view by week IOS | Android: Web: Use: CalendarWeek( height: 80, minDate: DateTime.now().add( Duration(days: -365), ), maxDate: DateTime.now().add( Duration(days: 365), ), onDatePressed: (DateTime datetime) { setState(() { _selectedDate = datetime; }); }, onDateLongPressed: (DateTime datetime) { setState(() { _selectedDate = datetime; }); }, dayOfWeekStyle: TextStyle(color: Colors.blue, fontWeight: FontWeight.w600), dayOfWeekAlignment: FractionalOffset.bottomCenter, dateStyle: TextStyle(color: ..
reWalls : Wallpapers from Reddit Initial code and design inspiration from Chitr and RetroMusicPlayer. What’s been done? Fetch Wallpapers From your Favorite subreddits. Add your own subreddits. Set Image as Wallpaper. Download Image. Switch between 3 themes in runtime. What’s left? Apply Lockscreen Wallpaper. Make the Wallpaper Apply method asynchronous. If you would like to contribute , feel ..
passwall-mobile PassWall Mobile is a mobile client for PassWall API written with Flutter. Getting Started Clone the server app and build it. Clone Flutter master branch to your Workspace with git clone https://github.com/flutter/flutter.git -b master. Add /flutter/bin to your path. Run flutter doctor -v and cure if any disease. Run flutter pub get in repository clone Hello Contributers Don’t send too much commit at ..
Flutter Chat Components The official Flutter components for Stream Chat, a service for building chat applications. Quick Links Register to get an API key for Stream Chat Flutter Chat Tutorial Chat UI Kit Flutter Chat Tutorial The best place to start is the Flutter Chat Tutorial. It teaches you how to use this SDK and also shows ..
country_code_picker A flutter package for showing a country code selector. It supports i18n. Usage Just put the component in your application setting the onChanged callback. @override Widget build(BuildContext context) => new Scaffold( body: Center( child: CountryCodePicker( onChanged: print, // Initial selection and favorite can be one of code (‘IT’) OR dial_code(‘+39’) initialSelection: ‘IT’, favorite: [‘+39′,’FR’], ..
Stream Chat Dart stream-chat-dart is the official Dart client for Stream Chat, a service for building chat applications. This library can be used on any Dart project and on both mobile and web apps with Flutter. You can sign up for a Stream account at https://getstream.io/chat/ Getting started Add dependency dependencies: stream_chat: ^0.1.21 You should then ..
Flutter FIAR Four-in-a-row game in Flutter Game modes Player vs Player (only local) Player vs Cpu Dumb Hard Hardest Demo (Cpu Hard vs Cpu Hardest) Getting Started Run the application to play 🙂 git clone git@github.com:imtoori/flutter_fiar.git flutter run Screenshots Contributions Contributions of any kind are more than welcome! Feel free to fork and improve the ..
Todo_app A todo app built with flutter and firebase Download source code on GitHub https://github.com/NodeJSs/Flutter-Todo-App FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
github_trending A Dart library to get GitHub trending repositories and developers via github-trending-api. Installation Add github_trending as a dependency in your pubspec.yaml file Usage import ‘package:github_trending/github_trending.dart’; void main() async { // get trending repositories var repos = await getTrendingRepositories(); print(repos[0].name); // specify time period var weeklyRepos = await getTrendingRepositories(since: ‘weekly’); print(weeklyRepos[0].name); // specify language var dartRepos = await getTrendingRepositories(language: ..
GitTouch An open-source mobile app for Git services including GitHub, GitLaab, Bitbucket and Gitea, built with Flutter Installation Click badges above to install it from Apple App Store or Google Play. Android users can also download APK file from release page and install it manually. Screenshots Supported platforms https://github.com/git-touch/git-touch/issues/29 Platform Public service API documentation Status Custom domain ..
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started Installation Basic Usage Installation Add circular_menu : ^latest_version to your pubspec.yaml, and run flutter pub get in your project’s root directory. Basic Usage Import it to your project file import ‘package:circular_menu/circular_menu.dart’; And add it in ..
Flutter App Templates
