Flutter Web App Demo Responsive web app powered by Flutter and Dart. Contents Features Requirements Develop Building with the production JavaScript compiler FAQ Troubleshooting License ???? Features photos fetched from a remote server infinity scrolling responsive to screen size changes including mobile device orientation changes powered by build_value and built_collection background JSON parsing ⚙️ Requirements ..
Category : Flutter App
QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter. Features Built on QR – Dart Automatic QR code version/type detection or manual entry Supports QR code versions 1 – 40 Error correction / redundancy Configurable output size, padding, background and foreground colors Supports image overlays Export ..
Fluttergram A working Instagram clone wrote in Flutter using Firebase / Firestore Demo Download the release APK to try out Fluttergram I update Fluttergram with new features and bugs fixes, but the apk may be behind the master. Take a look at the changelog to see the most recent additions to the apk. Features Custom ..
A food ordering app built with flutter and firebase. [Still in development] Screenshots Issues with the build? Comment line 47 in android/app/build.gradle the line with multiDexEnabled true. Then uncomment after it. Download Flutter food ordering app on GitHub https://github.com/OLayemii/chyker-foods FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Info: Full-screen menu for Flutter apps to give a user a broad variety of variants in a beautiful way. Installing: In your pubspec.yaml dependencies: full_screen_menu: ^0.1.1 import ‘package:full_screen_menu/full_screen_menu.dart’; Basic Usage: FullScreenMenu.show( context, items: [ FSMenuItem( icon: Icon(Icons.ac_unit, color: Colors.white), text: Text(‘Make colder’), onTap: () => print(‘Cool package check’); ), FSMenuItem( icon: Icon(Icons.wb_sunny, color: Colors.white), text: ..
Settings UI for Flutter Installing: In your pubspec.yaml dependencies: settings_ui: ^0.2.0 import ‘package:settings_ui/settings_ui.dart’; Basic Usage: SettingsList( sections: [ SettingsSection( title: ‘Section’, tiles: [ SettingsTile( title: ‘Language’, subtitle: ‘English’, leading: Icon(Icons.language), onTap: () {}, ), SettingsTile.switchTile( title: ‘Use fingerprint’, leading: Icon(Icons.fingerprint), switchValue: value, onToggle: (bool value) {}, ), ], ), ], ) Settings UI supports dark ..
About Status Alert: Display Apple system-like self-hiding status alerts. It is well suited for notifying users without interrupting user flow. Installing: In your pubspec.yaml dependencies: status_alert: ^0.1.1 import ‘package:status_alert/status_alert.dart’; Basic Usage: StatusAlert.show( context, duration: Duration(seconds: 2), title: ‘Title’, subtitle: ‘Subtitle’, configuration: IconConfiguration(icon: Icons.done), ) Apple Podcasts vs Status Alert: Download Status Alert for Flutter Source ..
Badges for Flutter Installing: In your pubspec.yaml dependencies: badges: ^1.1.0 import ‘package:badges/badges.dart’; Basic Usage: Badge( badgeContent: Text(‘3′), child: Icon(Icons.settings), ) Animations: BadgeAnimationType.slide BadgeAnimationType.scale BadgeAnimationType.fade Chips: Sometimes you may want to use chip but it’s too big, even if set padding to zero. This is where Badge comes handy. Chip( backgroundColor: Colors.deepPurple, padding: EdgeInsets.all(0), label: Text(‘BADGE’, ..
???????? Restaurant app UI KIT Flutter representation of a full Restaurant app UI KIT. Star⭐ the repo if you like what you see????. Images are from Unsplash ???? ScreenShots Some screenshots below Light Dark Download Flutter representation of a full Restaurant app UI KIT Source Code on GitHub FlutterappworldProvides the list of the opensource Flutter ..
FileX (WIP) A simple File Explorer(Still very buggy) made with Flutter. To download apk: Tap on the button below(it will take you to another page) Scroll down the page to download apk-release.apk ???? Requirements Any Operating System (ie. MacOS X, Linux, Windows) Any IDE with Flutter SDK installed (ie. IntelliJ, Android Studio, VSCode etc) A ..
responsive_scaffold View the online demo here! On mobile, it shows a list and pushes to details and on a tablet it shows the List and the selected item. Online Demo: https://fluttercommunity.github.io/responsive_scaffold/ Getting Started 3 Column Layout example Responsive Layout Follows Material Design Layout Docs. Here is a demo on various sizes. Example import ‘package:flutter/material.dart’; import ..
Flutter Custom Chat UI Hi! The goal of project is to provide the custom flutter chat ui with beautiful design. This is pure front-end based coding with flutter. UI Screens There are three simple beautiful screens. Splash Screen Recent Chat Screen Chat Screen UI Snapshots Download A flutter custom chat app UI Source Code on ..
Gives a detailed explanation of working with simple and complex JSON structures using dart:convert library in Flutter along with a sample project with 6+ examples to experiment with. Tutorial Read the Medium article here Types of JSON structures Simple map Simple structure with arrays Simple nested structures Nested structure with Lists List of maps Complex ..
Info ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples given and get familiar with various basic widgets in Flutter. Basic Widgets Examples This is aimed for complete beginners in Flutter, to get them acquainted with the various basic widgets in Flutter. Run this project Fork this project. Rename the ..
Try it Disclaimer: All of this is purely experimental and under active development (read why I started the project here). If I would have access to Figma rendering source code it would have been a lot easier and quicker (if a Figma employee read this and can share the algorithm, it would be awesome!), but ..
Our E School I open-sourced this project because I wasn’t getting paid An open-source project for school management I’ve used Provider + Get_it for State Management MVVM(Model-View-(View)Model) Architecture Our E School is the app build for iOS and Android using Flutter. It uses Firebase FireStore as Database and Firebase Storage. Note: This app is not ..
A mixture between dependency injection (DI) and state management, built with widgets for widgets. It purposefully uses widgets for DI/state management instead of dart-only classes like Stream. The reason is, widgets are very simple yet robust and scalable. By using widgets for state management, provider can guarantee: maintainability, through a forced uni-directional data-flow testability/composability, since ..
Flutter TeX A Flutter Package to render so many types of equations based on LaTeX, most commonly used are as followings: Mathematics / Maths Equations (Algebra, Calculus, Geometry, Geometry etc…) Physics Equations Signal Processing Equations Chemistry Equations Statistics / Stats Equations It also includes full HTML with JavaScript support. Rendering of equations depends on mini-mathjax ..
Flutter MVP demo Apply MVP to Flutter project. To easy understand this project, you can visit my other project first which talk about ListView on Flutter at here: https://github.com/yendangn/Flutter-Simple-ListView UI Overview My project is using API from https://randomuser.me/ . The UI will show a list of use as below. And I also apply MVP to ..
Aqueduct is a modern Dart HTTP server framework. The framework is composed of libraries for handling and routing HTTP requests, object-relational mapping (ORM), authentication and authorization (OAuth 2.0 provider) and documentation (OpenAPI). These libraries are used to build scalable REST APIs that run on the Dart VM. If this is your first time viewing Aqueduct, ..
Onehour A time tracking app built using Flutter Screens First Header Second Header Tech Stack Flutter Flutter Bloc with Hydrated Bloc Firebase Admob Features Track time for all your task. Offline Support. Social Logins (Google, Facebook) Light & Dark theme support. Ads configured using remote config. Getting Started Fork repository and clone your fork locally ..
???????? Flutter eBook App A simple Flutter app to Read and Download books. The Books included in the app are from the Public Domain (Expired Copyright and completely free). The Feedbooks API was used to fetch books. Please star⭐ the repo if you like what you see????. ???? Requirements Any Operating System (ie. MacOS X, ..
Desafio Github Search Projeto desenvolvido no desafio quizenal realizado pela equipe Flutterando e comunidade. Foram realizadas adaptações para implementação do padrão de projeto open-source Flutter Modular. 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 ..
Flutter Modular Info: What is Flutter Modular? When a project is getting bigger and more complex, we unfortunately end up joining a lot of archives in just one, it makes harder the code maintenance and reusability too. The Modular give us a bunch of adapted solutions for Flutter, such a dependency injection, routes controller and ..
Slidy CLI package manager and template generator for Flutter. Generate Modules, Pages, Widgets, BLoCs, Controllers, and tests. Slidy supports rxBLoC, flutter_bloc, and mobx. Why should I use it? Slidy’s goal is to help you structure your project in a standardized way. Organizing your app in Modules formed by pages, repositories, widgets, BloCs, and also create ..
GetFlutter is a 100% Free Flutter open source UI library that is build to make flutter development easier than ever. GetFlutter has 1000+ pre-build widgets that you could reuse to build both Flutter Web or Mobile app development. Table of contents Screenshot Quick start Features Demo Contributing Bugs and feature requests Documentation Copyright and license ..
image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a GIF file you would like to use with this package, I recommend EZGIF to convert your GIF file to an image sequence. It is highly recommended to read the ..
spring_button A simple widget for having child widgets that respond to gestures with a spring animation. Media | Description | How-to-Use Media Watch on Youtube: v1.0.0 Description This is a simple widget for having child widgets that respond to gestures with a spring animation. It is more of an extension to the GestureDetector widget than ..
peek_and_pop Peek & Pop implementation for Flutter based on the iOS functionality of the same name. Finally, the v1.0.0 release! More fluent, more optimized and more beautiful than ever. Very customizable and very easy to use. It is highly recommended to read the documentation and run the example project on a real device to fully ..
cupertino_stackview A very easy-to-use navigation tool/widget for having iOS 13 style stacks. It is highly recommended to read the documentation and run the example project on a real device to fully understand and inspect the full range of capabilities. Media | Description | Installation | How-to-Use Media Watch on Youtube: Description The “StackView” system, as ..
horizontal_data_table A Flutter Widget that create a horizontal table with fixed column on left hand side. Usage This shows Widget’s full customizations: Left side column(leftHandSideColumnWidth) and right side maximum scrollable area width(rightHandSideColumnWidth) are required to input. isFixedHeader is to define whether use fixed top row header. If true, headerWidgets is required. Default is false. This ..
Flutter Europe conference app Deploy to Firebase Tests Deploy to stores This is a repository of Flutter Europe official conference app. Agenda Ticket Dark Mode Different layouts Google Play AppStore Getting Started This simple conference app allows: displaying the agenda of the event adding and showing favorite talks showing details of the talk and speaker ..
A Flutter widget to use Echarts in a reactive way. Features Reactive Updating The most exciting feature of Flutter widgets and React components is that the view could update reactively to the change of data. Thanks to Echarts’ data driving architecture, flutter_echarts implemented a reactive way to connect chart with data. The chart will automatically ..
Commons Commons Flutter package can used for Flutter Android and IOS applications. Includes Alert dialog Toast messages Single input dialog Options dialog Loading screen Extensions functions Stack trace screen Shared Preferences functions Value validators Date and Time functions Connection Functions http rest client api functions How to use Required Dart version >= 2.6+ 1. Depend ..
???? Flutter ???? to Google Sheets ???? A Demo application that stores User feedback from Flutter application into Google Sheets using Google AppScript. You can try the Web version of this app here. ???? Introduction Google Sheets is a very powerful tool ???? if we look deep in it. It provides us with an interface ..
SpaceX GO! Simple yet powerful, open-source SpaceX launch tracker About the project The purpose of this project is to develop the ultimate SpaceX experience in a variety of platforms. A single experience, from a single codebase. From the start, SpaceX GO! has been developed to be light-weight, fast and easy to use. It takes all ..
About: Mobile App that suggests a meal for every day of the week. That helps people not eating the same food over and over. suggestion_repas An app that suggests a meal for every day of the week Getting Started This project is a starting point for a Flutter application. A few resources to get you ..
TV Randshow – App to choose a random TV show episode About the project TV Randshow was created to help choose a random episode from your favorites TV shows. The TV shows database comes from the TMDB and the app saves them in a database on the device. With the list of favorites, you can ..
Bloon Bloon is mobile application for E3 project in ESIEE Paris. It list all night clubs and events in Paris and recommend you according to you personnalized profile. Bloon organize your party into one click. Features Profile : When you create a new account, you can personalize your profile with a new image from your ..
flutter_turtle flutter_turtle is a simple implementation of turtle graphics for Flutter. It simply uses a custom painter to draw graphics by a series of Logo-like commands. For further information about turtle graphics, please visit Wikipedia: https://en.wikipedia.org/wiki/Turtle_graphics https://en.wikipedia.org/wiki/Logo_(programming_language) Why I make this? It is always fun to make your own DSL! Example A quick example: @override ..
Flutter App Templates
