Easiest way to add support for light and dark themes in your Flutter app. It allows you to manually set light or dark themes and also lets you define themes based on the system. It also persists that the theme modes change across app restarts. Demo: Adaptive Theme Index Getting Started Initialization Changing Theme Mode Toggle Theme Mode Changing ..
Category : Theme
Responsive Blog Theme using Flutter | Web, macOS, Android, iOS Packages we are using: flutter_svg: link get: link Flutter recently announced Flutter V2.0, after that on stable branch it supports Web, macOS, Android, and iOS. That’s why today we create a responsive blog theme using flutter that runs on Web, macOS app, Android, and iOS app. Also, ..
Flutter-App-Theme The idea of the application is to help understand the implementation of the material design in Flutter. Inspired by session of Material Theming with Flutter Flutter Interact ’19. Download this theme source code on GitHub https://github.com/wondertalik/flutter_app_theme FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
ThemeModeSelector Widget I am currently working with the concept of Theme’s in Flutter and I wanted to build a widget that would allow me to switch between light and dark themes. Seeking a design for a simple toggle, I was lucky enough to stumble into some of Zhenya Karapetyan’s amazing work on Dribbble. Zhenya’s simple yet fun design ..
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 ..
extheme 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 ..
Flutter Theme WARNING: This app is still under development so please expect bugs and missing features in the app. Inspired by Panache, a Flutter material theme editor for you to configure the overall visual theme of your material app. Usage Flutter Theme is developed and built with Flutter, and is available for both Web and Desktop. Disclaimer: ..
animated_theme_switcher Animated theme switcher. This library starts from Peyman’s stackoverflow question how-to-add-animation-for-theme-switching-in-flutter Getting started Add animated_theme_switcher: “^2.0.1” in your pubspec.yaml dependencies. dependencies: animated_theme_switcher: “^2.0.1” How To Use Import the following package in your dart file import ‘package:animated_theme_switcher/animated_theme_switcher.dart’; Wrap MaterialApp with ThemeProvider widget, as it has shown in the following example: ThemeProvider( initTheme: initTheme, builder: (context, myTheme) { return ..
FlexColorScheme FlexColorScheme helps you make beautiful color scheme based Flutter themes, with optional primary color branding on surfaces. The created themes are based on the same concept as Flutter’s ColorScheme based themes, but with a few interesting twists and convenience features. For more information about FlexColorScheme, its background and use cases, this package companion blog post and article is ..
call_them_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. Download call them app source code on GitHub https://github.com/Zfinix/let-them-know FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Medkit It’s a Pharmacy application that help you in curing basic symptoms and diseases with medicines available in your home. How to Run Code Clone or download the repo and place it anywhere in your computer. Open the folder in Android Studio or VS Code. Make sure that you have flutter SDK already installed. Type ..
NeuCalcu NeuCalcu is a Flutter calculator application that uses Neumorphic Design. Download App Google Play and the Google Play logo are trademarks of Google LLC. App Features Perform basic calculations Keep records of user calculation Personalized app color Screenshots Download A neumorphic flutter calculator app source code on GitHub https://github.com/luhluh-17/flutter-neucalcu FlutterappworldProvides the list of the ..
AutoCallScheduler An android app that can automatically dial a phone number within a given scheduled of time. Basically it’s a test base app of google’s #30daysOfKotlin bootcamp. In this project there are many concepts of kotlin used in coding sections(e.g: Livedata, ViewModel, When expressions, Data classes and equality, Visibility, Sealed classes, Lazy, Inline, Top level functions and ..
Habito Track and build a habit in 21 days. Preview Contributing Make sure devTesting = true in lib/models/devTesting.dart when testing. You can also change showSignIn in lib/models/devTesting.dart to true or false. Just pick an issue from here and create a PR after a fix. Refer to the Flutter online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference. Download Habito App ..
Foodly – Flutter UI Project Foodly is my project in Flutter to see what can I do with the Flutter framework in UI designing. This is made with the help of the Sketch, and all code is written in Dart. All widgets are separated to keep clean code, and you can find all the code ..
Liquid Build fast, responsive, cross platform apps with Liquid. Liquid is an open source UI toolkit for developing cross platform apps in Flutter. Quickly create apps for Android, IOS, Web or Desktop with our powerful grid system, text processor, forms, extensive prebuilt components and dozens of utilities. Visit Liquid Expo and Documentation #MadeWithLiquid Salient Features Powerful grid ..
Lazybit UI I’ll keep on updating this section. Getting Started This project is created Just to design UI in flutter from many sources like dribbble, uplabs, reference from friends etc… Note: Credits goes to the one who designed these UI in Sketch, Adobe any using many various apps and provided this beautiful designs in platform ..
Flutter UI Concept ScreenShots Design Source Credit: 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 ..
eBook App – Flutter UI Watch it on YouTube UI Credit Design by: Peeely link Flamingo is an eBook (reading book) app design by flutter, at home page it shows you some recommended books, also the book of the day. At the bottom you gonna find your most recent book that you read. On details page ..
covid19 Monitoring Covid. Download APK Resource Rest API Kasus Corona API Provider http intl flutter_datetime_picker url_launcher Download Covid19 flutter app source code on GitHub https://github.com/hifiaz/covid19 FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Todo – Simple & Beautiful A minimal Todo mobile app made using Flutter. Key Features • How To Use • Download • Credits • Key Features Easily add and remove tasks Organize tasks under categories. editing. Personalize task category using color and icon. How To Use To clone and run this application, you’ll need Git and Flutter installed on your computer. From your command line: # Clone ..
backpack A Flutter project for the Backpack UI Kit. Getting Started For help getting started with Flutter, view our online documentation. Download Flutter Backpack UI Source code on GitHub https://github.com/aelshamy/backpack FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
fancy_fashion_app_ui 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 ..
Flutter Minimal Shopping App ui Watch the Video on Youtube – Youtube Video Also Don’t Forget to Subscribe to My youtube Channel – Youtube Channel 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 ..
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 ..
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-furnitureapp FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
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-curveddesigns FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
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 ..
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 ..
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 ..
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..
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 ..
flutter_healthcare_app Healthcare app is a design implementation of Healthcare Mobile App designed by Chirag Chauhan Download App Android Screenshots HomePage Detail Page iOS Screenshots HomePage Detail 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. Download Helthcare app Source code ..
flutter_neumorphic A complete, ready to use, Neumorphic ui kit for Flutter Try Flutter-Neumorphic on your browser : https://flutter-neumorphic.firebaseapp.com/ Installation https://pub.dev/packages/flutter_neumorphic dependencies: flutter_neumorphic: ^1.0.7 The in your .dart files import ‘package:flutter_neumorphic/flutter_neumorphic.dart’; Widgets Preview Widget Description Neumorphic The main Neumorphic Widget, a container which adds white/dark gradient depending on a lightsource and a depth NeumorphicButton A neumorphic button ..
Recipes App made with Flutter This is a simple recipes app made with flutter.Video link : https://youtu.be/UxxCwc0zBhMScreenshots: Download Recipes app Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
???? Panache A Flutter Material Theme editor. Panache helps you to create beautiful Material themes for your Flutter applications. Customize widgets colors and shapes, and download your theme.dart file. ???? Try Panache in your browser Getting Started To apply a theme to whole application add the generated theme file to your project/lib set the theme property to the generated theme (myTheme) in your main ..
flutter_instagram_ui_clone Some Screenshots A new Flutter project. Getting Started For help getting started with Flutter, view our online documentation. Download Flutter Instagram Clone App Source code on GitHub https://github.com/iampawan/Flutter-Instagram-UI-Clone FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
BMI Calculator Implementation of Johny Vino‘s design. Design(s): Implementation: Download BMI Calculator App Source Code on GitHub https://github.com/MarcinusX/bmi_calculator FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
eCommerce A complete Flutter E-Commerce Book Store application built using firebase as the backend. Features Add or remove item in cart Search products Add Address Payment through UPI Firestore Backend SignIn using firebase Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is ..
Flutter App Templates
