BarBar Clock | Web demo Clock face for the Flutter Clock Challenge. This clock face shows time using negative space. Top and bottom bars move when time changes. In addition, clock face displays weather conditions, temperature and current date: Licenses: Clock face: BSD3 Oswald font: OFL weather-icons-lite font: OFL Download Flutter BarBar Clock Source Code on GitHub https://github.com/aednlaxer/flutter-clock-challe..
Ants Clock by Stuart This is a Flutter project made by Stuart to provide a beautiful clock face for Flutter Clock Challenge. More info about the contest can be found at flutter.dev/clock. This how it looks in a sunny day 🙂 See the clock it in action A little bit of snow outside? Ants clock tells you: Is ..
Animal Clock This app is a good example of how adding animations can liven up a digital clock. The lion’s head bobbles along without any care in the world. That is, until the time change is detected at which point the lion gets startled. Don’t worry – he will quickly go back to bobbling. You ..
Agent clock A visualization of a clock using simple agents and physics. Description The digits of the clock are basically letters or svg paths. These paths are broken down into pieces. The pieces are positions which will get occupied with “agents”. These agents spawn at and have the goal to reach a random spot on ..
Sunset Reflections Clock A cold cathode display clock with a subtle reflection of a beautiful view in Spain: el Mirador de San Nicolás. The reflection shows the current position of the moon and the sun in the place where the picture of the view was taken. Description Sunset reflections is a face clock implemented for ..
Eventually Humanbeans Flutter Clock Challenge Submission by Milen Trendafilov (design, concept) and Boris Brestnichki (development) Concept: Bird visits Only once a day and stays for only one minute. You may not see it for weeks, sometimes you’ll only catch a glimpse of it flying away. But sometimes you and the bird will share a special ..
clock | View demo | Read article | Watch video | creativecreatorormaybenot‘s playful entry to the Flutter clock challenge (is it weird to say it like that?). This is a clock display that uses exclusively the Flutter Canvas to draw everything you see on screen. That means that there are no assets, no plugins, and ..
Cloom Clock This is the clock made with Flutter for the Flutter 2020 clock contest with colaboration with Francisco Frutuoso and code by Filipe Barroso Clock Video: https://drive.google.com/file/d/1qR1kwGlh2p0KB2sFO8DKr1KbjKEix240/view Download Cloom Clock Source Code..
Flutter Particle Clock For my entry in the Flutter Clock Challenge I wanted to build something colorful, animated and playful that changes appearance with time. Ideally, I wanted it to look different every time I looked at it. I also wanted to explore the custom painting features of Flutter. ???????? I ended up with an ..
Creating Login & Register Screen Again and again not anymore, this is Boilerplate code for Login/Singin & Register/SignUp Screen just change the image update the text and DONE… (If this repo cross 30+ Stars I will add firebase login to this as well) Requirements Any Operating System (ie. MacOS X, Linux, Windows) Android Studio/Visual Studio ..
Ml With Flutter Learn how to build a TensorFlow model on Teachable Machine and then run it on the flutter app. Youtube Tutorial Requirements Any Operating System (ie. MacOS X, Linux, Windows) Android Studio/Visual Studio Code Download Source code..
App Landing Page made with #Flutterweb Download source code..
Info: Authentication + Splash Screen Flutter UI, UI created getting inspired from one share on the dribble with flutter. Rest App, with Firebase Auth + SplashScreen UI created getting inspired from one share on the dribble with flutter, after getting amazing response, Added Firebase Authentication To use just connect to firebase, All the things are ..
Here’s a Tinder Gold redesign concept for the popular dating app. UI created getting inspired from one shared on behance Try Now : https://tindergoldredesign.codemagic.app More things will be added as well so make sure to star the project Requirements Any Operating System (ie. MacOS X, Linux, Windows) Android Studio/Visual Studio Code Download Flutter Tinder Gold ..
Flutter Screens A collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs, built with Flutter, ready to be used in your applications. Last Update: Added SlideListView Widget Screenshots And Usage SlideListView A widget that can be used to present two different views that can be toggled using a Floating Action Button. The views ..
flutter-chart-http You can learn: 1 2 3 4 Drawer Json in assets Http Line chart TabView Flare animation EventBus Bar chart Pie chart shared_preferences async Download Source Code..
❤️ Star ❤️ the repo to support the project or ????Follow Me.Thanks! flutter-animations This project will focus on animations. Articles Pictures Animation 02 Use the flare 2dimesion animation in the flutter? Animation 01 How to use the animation in the flutter? Download Source Code on GitHub https://github.com/nb312/flutter-..
Flutter Widgets ❤️ Star ❤️ the repo to support the project or ????Follow Me.Thanks! Facebook Page Twitter QQ Group Developer Flutter Open NieBin 963828159 NieBin What it is? The Project is a flutter examples of the flutter widgets. Some example contain articles and code about flutter widgets. The whole artcile is here: Flutter Widgets articles ..
❤️ Star ❤️ the repo to support the project or ????Follow Me.Thanks! Article Pictures Canvas tutorial 05 How to use the gesture with the custom painter in the flutter? Canvas tutorial 04 How to draw a pie chart and with a round angle in the flutter? Canvas tutorial 03 How to draw a regular round ..
Just for learning ❤️ Star ❤️ the repo to support the project or ????Follow Me.Thanks! This project contains contents are following: Scrollview Sliver common layout Other Page view SliverPersistentHeader Row InkWell ListView SliverGrid Stack Shadow CustomScrollView SliverFixedExtentList,SliverList Expanded Image.asset Nested ListView SliverFillViewport SizedBox Padding GridView CrossAxisAlignment Center Column ScrollView Common Layout GrideView MyAccount nb312 Android ..
More than 130+ pages in this beautiful app and more than 45 developers has contributed to it. flutter-ui-nice ❤️ Star ❤️ the repo to support the project or ????Follow Me.Thanks! Facebook Page Twitter Medium QQ Group Flutter Open NieBin Flutter Open 963828159 Contributors ~ ~ ~ ~ ~ NieBin Echonox Mahesh Jamdade edgartrem srikanthbollojula Yasin ..
???? flame A minimalist Flutter game engine. Any help is appreciated! Comment, suggestions, issues, PR’s! Give us a star to help! Help We have a Flame help channel on Fireslime’s Discord, join it here. Also we now have a FAQ, so please search your questions there first. Goals The goal of this project is to ..
AudioPlayers A Flutter plugin to play multiple simultaneously audio files, works for Android, iOS and macOS. Install This was orginally forked from rxlabz’s audioplayer, but the name was changed to audioplayers (mind the ‘s’); so, to add the dependency: dependencies: audioplayers: ^0.14.0 Discord channel We have created a channel for audioplayers help on Fireslime’s discord, ..
flutter_wallet_app Smart course app is a design implementaion of Wallet App designed by Muhammad Abdull Download App Android Screenshots HomePage Transfer money page iOS Screenshots HomePage Transfer money 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. ..
steps_indicator A simple steps indicator widget Installation Add steps_indicator: ^0.3.1 in your pubspec.yaml dependencies. And import it: import ‘package:steps_indicator/steps_indicator.dart’; How to use Simply create a StepsIndicator widget and pass the required params: StepsIndicator( selectedStep: 1, nbSteps: 4 ) Do not forget to check that the selectedStep is not lower than 0 and is not higher ..
menu_button A popup menu button widget with handsome design and easy to use. Installation Add menu_button: ^0.1.0+1 in your pubspec.yaml dependencies. And import it: import ‘package:menu_button/menu_button.dart’; How to use Simply create a MenuButton widget and pass the required params: MenuButton( child: button,// Widget displayed as the button items: items,// List of your items topDivider: true, ..
Burn Off BurnOff app in Flutter inspired by a design in UpLabs Uplabs design Flutter rendering Download burn off template source code on GitHub https://github.com/huextr..
CryptoShadow CryptoCurrency Tracker for Android & iOS Built with flutter.io TODO CoinMarketCap API CustomListView + Design Custom card Chart News Page Converter Portfolio (Still under dev but it works) Settings Page Select fav crypto Edit default currency Notifications Getting Started Install Flutter Clone this repo Run flutter run –release on your terminal For help getting ..
Taskist Taskist is a ToDo List app for Task Management inspired by the design below The app is using Firebase, you have to configure it from your side to test the app Download it on Android now: Taskist on Android Download it on iOS now: Taskist on iOS UI Design Taskist Download Taskist Source Code ..
The Gorgeous Login A login page built with flutter inspired by a design found on Uplabs Uplabs design Flutter rendering Contributors Code Contributors This project exists thanks to all the people who contribute. [Contribute]. Download Source Code on GitHub https://github.com/huextrat/TheGor..
flutter_dojo Dojo, from Japanese “Dojo”. The main purpose of the flutter_dojo project is to help Flutter beginners quickly get started with Flutter development, and use this project to quickly establish Flutter’s knowledge architecture. flutter_dojo is mainly divided into the following parts: Widgets, UI Pattern, Develop UI Kit, Animations, Back-end Util. Experience Apk Download: flutter_dojo Design ..
FlutterDux Flutter + Redux.js Android only at the moment, iOS coming soon. Getting Started Check out this article for a description of how it works. Loading website void main() { runApp(new MyApp()); FlutterDux.instance.loadUrl(‘<YOUR WEBSITE RUNNING REDUX>’); } Binding widgets class _MyWidgetState extends State<MyWidget> with FlutterDuxMixin{ int _counter = 0; @override List<Property> get properties => [ ..
Introduction FlutterBlue is a Bluetooth plugin for Flutter, a new mobile SDK to help developers build modern apps for iOS and Android. Alpha version This library is actively developed alongside production apps, and the API will evolve as we continue our way to version 1.0. Please be fully prepared to deal with breaking changes. Having ..
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 ..
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/ch..
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 ..
Flutter App Templates
