Flutter-School-App A School App based on Flutter Framework. Demo: https://play.google.com/store/apps/details?id=com.bpsplayschool.app&hl=en. Download Flutter School App Source Code..
Table Calendar Highly customizable, feature-packed Flutter Calendar with gestures, animations, and multiple formats. Table Calendar with custom styles Table Calendar with Builders Features Extensive, yet easy to use API Custom Builders for truly flexible UI Complete programmatic control with CalendarController Dynamic events Interface for holidays Locale support Vertical autosizing Beautiful animations Gesture handling Multiple Calendar formats Multiple ..
states_rebuilder states_rebuilder is a flutter state management solution that allows for clear and sharp separation of concern between the user interface (UI) logic and the business logic. The separation is clear and sharp to the point that the business logic is written with pure, vanilla, plain old dart classes without extending any external library-specific classes and ..
Open source flutter apps Flutter allows you to build beautiful native apps on iOS and Android from a single codebase. The main goal of this repository is to find free open source apps and start contributing. Feel free to contribute to the list, any suggestions are welcome! Contents Business Communication Education Entertainment Finance Health and Fitness Games ..
Info: Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget. Photo View is largely used to show interactive images and other stuff such as SVG. Flutter Photo View A simple zoomable image/content widget for Flutter. PhotoView enables images to become able to zoom and pan ..
Flutter Permission handler Plugin A permissions plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions. Features Check if permission is granted. Request permission for a specific feature. Open app settings so the user can enable permission. Show a rationale for requesting permission (Android). Usage To use this plugin, ..
chewie The video player for Flutter with a heart of gold. The video_player plugin provides low-level access to video playback. Chewie uses the video_player under the hood and wraps it in a friendly Material or Cupertino UI! Demo Installation In your pubspec.yaml file within your Flutter Project: dependencies: chewie: <latest_version> video_player: <latest_version> Use it import ‘package:chewie/chewie.dart’; final videoPlayerController = VideoPlayerController.network( ‘https://flutter.github.io/assets-for-api-docs/videos/butterfly.mp4’); ..
Flutter Local Notifications plugin This repository consists hosts the following packages flutter_local_notifications: code for the cross-platform facing plugin used to display local notifications within Flutter applications flutter_local_notifications_platform_interface: the code for the common platform interface These can be found in the corresponding directories within the same name. Most developers are likely here as they are looking ..
dna A lightweight dart to native super-channel plugin, You can use it to invoke any native code directly in dart code. Supported Platform(Language): iOS(Objective-C) Android(Java) The primary scenario: Implement some simple channels directly in dart code; Native code that are calling using dna can also be hot-reloaded. Add dependency Add the following code to the pubspec.yaml file ..
Flutter Login FlutterLogin is a ready-made login/signup widget with many animation effects to demonstrate the capabilities of Flutter Installation Follow the install instructions here Reference Property Type Desciption onSignup AuthCallback Called when the user hit the submit button when in sign up mode onLogin AuthCallback Called when the user hit the submit button when in login mode ..
grouped_buttons A set of Flutter widgets that makes grouping Checkboxes and Radio Buttons much easier! Installing Add the following to your pubspec.yaml file: Simple Usage Creating a basic CheckboxGroup Creating a basic RadioButtonGroup Screenshot Custom Usage There are several options that allow for more control. Custom CheckboxGroup Properties Description activeColor The color to use when a Checkbox is checked. checkColor ..
NASH Uproar About the App Flutter based Android & iOS application for the NASH Uproar. Pulls data using the WordPress API Downloading Android: Google Play Store iOS: Coming Soon! Alternatively, you can clone this repo and build either the iOS or Android app yourself Open Source Licenses cached_network_image flutter_html flutter_page_indicator html http package_info share shared_preferences url_launcher Screenshots ..
name title subtitle description speaker flutter Flutter Learn to make beautiful, native apps for Android & iOS Flutter is a cross-platform, mobile development framework created by Google. With user-centric design in mind, Flutter allows developers to create beautiful native apps on iOS and Android from a single codebase. Akshath Jain Flutter Workshop Flutter is a ..
sliding_up_panel A draggable Flutter widget that makes implementing a SlidingUpPanel much easier! Based on the Material Design bottom sheet component, this widget works on both Android & iOS. Installing Add the following to your pubspec.yaml file: dependencies: sliding_up_panel: ^1.0.0 Note that v1.0.0 introduced some breaking changes outlined below. Simple Usage There are two ways which the SlidingUpPanel can easily be added to ..
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/Tomis..
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/allthing..
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..
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 ..
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 ..
Info: A Flutter plugin that allows you to add an inline webview or open an in-app browser window. Flutter InAppWebView Plugin A Flutter plugin that allows you to add an inline webview or open an in-app browser window. Requirements Dart sdk: “>=2.0.0-dev.68.0 <3.0.0” Flutter: “>=1.9.1+hotfix.5 <2.0.0” Android: minSdkVersion 17 and add support for androidx (see AndroidX Migration to migrate an existing ..
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 ..
A predictable state management library that helps implement the BLoC design pattern. Overview The goal of this library is to make it easy to separate presentation from business logic, facilitating testability and reusability. Documentation Official Documentation Bloc Package Flutter Bloc Package Angular Bloc Package Migration Upgrade from v0.x to v2.x Dart Counter – an example of how to create a CounterBloc (pure ..
???????? Fryo – Grocery Shopping App template kit A Flutter UI template of a Grocery Shopping App I found on Uplabs. Design screens are on Uplabs. It’s premium, purchase it if you want to use it commercially. Disclaimer: I am not in anyway in affiliate with the designer of the screens. I just love the UI and decided to ..
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 ..
flutter_map A Dart implementation of Leaflet for Flutter apps. Usage Add flutter_map to your pubspec: dependencies: flutter_map: any # or the latest version on Pub Configure the map using MapOptions and layer options: Widget build(BuildContext context) { return new FlutterMap( options: new MapOptions( center: new LatLng(51.5, -0.09), zoom: 13.0, ), layers: [ new TileLayerOptions( urlTemplate: “https://api.tiles.mapbox.com/v4/” “{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}”, additionalOptions: { ..
Circular Bottom Navigation (or maybe a tab bar). This is implementation of an artwork in Uplabs Let’s get started 1 – Depend on it Add this to your package’s pubspec.yaml file: dependencies: circular_bottom_navigation: ^1.0.1 2 – Install it install packages from the command line: flutter packages get 3 – Import it Now in your Dart code, ..
Info: A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, and Scatter Chart. FL Chart ???? A library to draw fantastic charts in Flutter ???? Chart Types LineChart BarChart PieChart Read More Read More Read More ScatterChart Coming Soon Coming Soon Read More Banner designed by Soheil Saffar, ..
IntervalProgressBar An interval progress widget for Flutter. Preview Depend on it https://pub.dev/packages/intervalprogressbar Add this to your package’s pubspec.yaml file: Features Horizontal Vertical Interval Progress Colorful Getting Started Preview Sample Code Center( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [10, 29, 18, 27, 16, 15, 24, 3, 20, 10].map<Widget>((i) { return Padding( padding: EdgeInsets.only(right: 10), child: IntervalProgressBar( direction: ..
Info: Flutter plugin that allows you to display multi-image picker on iOS and Android. ???????????? Flutter plugin that allows you to display multi-image picker on iOS and Android. Key Features • Documentation • FAQ • Credits • Related • License Key Features Pick multiple images Native performance Photos sorted by albums Take a picture option in the grid view Restrict the maximum count of images the user ..
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 ..
Fast, Enjoyable & Secure NoSQL Database Hive is a lightweight and blazing fast key-value database written in pure Dart. Inspired by Bitcask. Documentation & Samples ???? Features ???? Cross platform: mobile, desktop, browser ⚡ Great performance (see benchmark) ❤️ Simple, powerful, & intuitive API ???? Strong encryption built in ???? NO native dependencies ???? Batteries included Getting Started Check out the Quick Start documentation to get ..
collection_ext A set of extension methods for Dart collections, designed for the purpose of making it easier to write concise, functional-programming-styled Dart code. Working on an Iterable for example, with collection_ext, we can write: iterable.forEachIndexed((i, x) => /* use index i & element x */) instead of: var i = 0; for (var x in iterable) { // use index i & ..
This is a simplified Google Keep mobile app ‘clone’ built with Flutter + Firebase. For practicing prototyping and Flutter skills only. Screenshots: Web app screenshots: Download Flutter Keep: note-taking source code..
Philippines This provides a complete list of Philippine towns, cities, provinces, and regions. References: http://en.wikipedia.org/wiki/Regions_of_the_Philippines http://en.wikipedia.org/wiki/Provinces_of_the_Philippines http://en.wikipedia.org/wiki/List_of_cities_and_municipalities_in_the_Philippines Installation: Usage: Notes If the data is outdated, feel free to contribute. Contributions Feel free to contribute! Just create a Pull Request 🙂 Download Philippines Source Code..
empty_Widget FilterList is a flutter plugin that is designed to provide ease in filter data from a list of strings. Getting Started 1. Add library to your pubspec.yaml dependencies: filter_list: ^0.0.1 2. Import library in dart file import ‘import ‘package:filter_list/filter_list.dart’;’; 3. How to use FilterList Create a list of Strings List<String> countList = [ “One”, ..
Tabs The expense sharing app — made with Flutter, Firebase and ❤️. Keep track of what your friends owe you for that pizza you agreed to split; or rent; or whatever it might be. Tabs makes it simple. Screenshots Remember to ⭐️ the repo if you like what you see and PRs are welcome! Download Flutter expense sharing ..
A Dart implementation of Sass. Sass makes CSS fun again. Using Dart Sass From Chocolatey or Scoop (Windows) From Homebrew (OS X) Standalone From npm From Pub From Source JavaScript API Why Dart? Compatibility Policy Browser Compatibility Node.js Compatibility Behavioral Differences from Ruby Sass Using Dart Sass There are a few different ways to install and run Dart Sass, ..
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..
The brightest, hippest, coolest router for Flutter. Features Simple route navigation Function handlers (map to a function instead of a route) Wildcard parameter matching Querystring parameter parsing Common transitions built-in Simple custom transition creation Version Compatability See CHANGELOG for all breaking (and non-breaking) changes. Getting started You should ensure that you add the router as ..
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 ..
Flutter App Templates
