keyframes_tween A tween that allow defining keyframes for various properties. Quickstart import ‘package:keyframes_tween/keyframes_tween.dart’; class Example extends StatefulWidget { @override _ExampleState createState() => _ExampleState(); } class _ExampleState extends State<Example> with TickerProviderStateMixin { late final controller = AnimationController( duration: const Duration(seconds: 10), vsync: this, ); final tween = KeyframesTween([ KeyframeProperty<Size>( [ Size(10, 10).keyframe(0), Size(100, 100).keyframe(0.5, Curves.easeInOut), Size(200, 200).keyframe(1.0), ], ), KeyframeProperty<Color>( [ …
Etiqueta: widget
-
-
A pure dart package to apply useful rate limiting strategies on regular functions
Rate Limiter Rate limiting is a strategy for limiting an action. It puts a cap on how often someone can repeat an action within a certain timeframe. Using rate_limiter we made it easier than ever to apply these strategies on regular dart functions. Installation Add the following to your pubspec.yaml and replace [version] with the latest version: dependencies: rate_limiter: ^[version] …
-
Chat App Reader Ui Made with Flutter
ChapAPPUi Chat App Reader Ui Made with Flutter Requirements alien Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter Author Ui developed by DamiFlutter GitHub https://github.com/DamiFlutter/ChapAPPUi
-
A Free Crypto Dashboard Flutter UI Kit
Crypto Dashboard Flutter UI Kit Flutter cryptocurrency UI dashboard. Free Flutter UI Kits based on designs on UpLabs Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter Author Apps were developed by Olayemi Garuba GitHub https://github.com/olayemii/crypto-dashboard
-
A complete Flutter Quiz App UI from scratch with a beautiful design
Flutter Tutorial – Quiz App UI Let’s create a complete Flutter Quiz App UI from scratch with a beautiful design. Video GitHub https://github.com/JohannesMilke/quiz_app_example
-
A source flutter template use getx for statemanagement
Flutter Getx Template This is source flutter template use getx for statemanagement ☕ 👀 Overview main.dart, After you can customize languages package, themes, pages and routes import ‘package:flutter/material.dart’; import ‘package:flutter_postman_application/src/lang/translation_service.dart’; import ‘package:flutter_postman_application/src/routes/app_pages.dart’; import ‘package:flutter_postman_application/src/shared/logger/logger_utils.dart’; import ‘package:flutter_postman_application/src/theme/theme_service.dart’; import ‘package:flutter_postman_application/src/theme/themes.dart’; import ‘package:get/get.dart’; import ‘package:get_storage/get_storage.dart’; void main() async { await GetStorage.init(); runApp(GetMaterialApp( debugShowCheckedModeBanner: false, enableLog: true, logWriterCallback: Logger.write, initialRoute: AppPages.INITIAL, getPages: AppPages.routes, locale: …
-
A package that helps with encoding and decoding of geohashes
georange Georange is a package that helps with encoding geohashes, decoding geohashes,calculating distance between 2 points and generating latitudinal and longitudinal ranges as geohashes to help with the querying of databases (Tested on Firestore Only). Getting Started You should ensure that you add Georange as a dependency in your flutter project. dependencies: georange: <latest-version> You should then run flutter packages …
-
A Mobile Development Course Project that contains Basic Medium implementation
MAD-Sem6 This is the semester 6 Mobile App Development Course project. So maybe the final project may not make sense 😉 but it is a good place to start learning Flutter. 🔍 Overview MAD-Sem6 is a Mobile Development Course Project that contains Basic ➡️ Medium implementation of different widgets. As a whole it doesn’t make any sense as it is …
-
Udacity UI Clone made with Flutter Web
Udacity UI Clone Flutter Web 2.0 Udacity UI Clone made with Flutter Web (Flutter 2.0). ScreenShots: Tools & languages: Android studio (IDE) Dart (logic) Flutter 2.0 (Mobile UI developement kit) Paint.net (Image editor) GitHub https://github.com/Mohammed-Benotmane/Flutter-Udacity-UI-Clone
-
An awesome Flutter food delivery app ui
flutter-food-delivery-app In this repo I have build an awesome Flutter food delivery app ui. This Flutter UI challenge is taken from the dribbble. The main beauty about this UI is their hero animation while moving towards the food detail page. This Flutter Food delivery app UI tutorial is beneficial for those who want to learn the advanced concept for building …
-
Online Learning Screen UI With Flutter
online_learning This repository is Online_Learning Screen UI – Flutter. I am fetching the data from the local JSON API. A new Flutter Online_Learning application. Designed by Arun PP, Code with Flutter by Kishor Kc. Kishor Kc I am fetching the data from the local JSON API. In the assets directory, you can get the user.json file. Also, you can change …
-
A Watch App Screen UI With Flutter
watch_flutter A new Flutter Watch_Shop application. Designed by Adarsh Goldar, Code with Flutter by Kishor Kc. Kishor KC Design credit by Adarsh Goldar see the profile Watch_Shop App Final UI/UX GitHub https://github.com/devkishor8007/Watch_Shop_Flutter
-
A UI clone of a famous food ordering app called Swiggy built using Flutter
SwiggyUI SwiggyUI App is a UI clone of a famous food ordering app called Swiggy built using Flutter. Show some heart and star star the repo if you liked it, it makes me to share more open source flutter projects. View Demo View Github Screenshots Web UI Tablet UI Mobile UI Initial Views Screen 1 Screen 2 Screen 3 Screen …
-
Ecommerce Platform Trendyol UI Clone with flutter
Trendyol UI Clone – Ecommerce Platform Flutter Trendyol UI Clone – Ecommerce platform Login/Register animated flutter UI kit Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter Author UI developed by Deniz Çolak GitHub https://github.com/deniscolak/trendyol-ui-clone
-
Create a Flutter User Profile Page UI where you can access and edit information
Flutter Tutorial – User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user’s information within your Flutter app. Preview App Preview Course Preview GitHub https://github.com/JohannesMilke/user_profile_ii_example
-
A minimal home screen design for a spending tracker app in flutter
Spending Tracker Flutter Home Screen This recreates a ui design for a spending tracker app in Flutter. This Flutter project recreates a minimal home screen design for a spending tracker app. The mockup was created by @elainelumanauw.design on Dribble. I saw the mockup on instagram in one of Elaine’s reels and thought it would be cool to try recreating it …
-
A rewrite of the devolo Cockpit front end in Flutter
Cockpit Open Frontend Cockpit Open Frontend is an alternative frontend for devolo Cockpit application. It uses the existing backend of devolo Cockpit application. It is written in Flutter and supports all desktops: Windows, macOS, and Linux. Here are some highlights of this app: Provides an overview of connection speed of all powerline adapters from devolo on your network. You can …
-
Multi-platform project built with Flutter and Golang
ArTiver Multi-platform project built with Flutter and Golang that will help you save what is most important – time. It is an idea that came to my mind, when I was watching a TikTok during a dinner. I realised that I could spend this time a lot better. There is uncountable amount of amazing articles about programming that surely help …
-
A Flutter Plugin to check Android device Root status
root plugin A Flutter Plugin to check Android device Root status and Run shell commands in android(only). This plugin is based on Topjohnwu libsu and Stericson Root Tools. Usage To use this plugin, add root as a dependency in your pubspec.yaml file. root: ^2.0.1 import it import ‘package:root/root.dart’; Declare a async method to check root status bool _status = false; …
-
An expressive way to effortlessly build design systems in Flutter
mix An expressive way to effortlessly build design systems in Flutter. Mix offers primitive building blocks to help developers and designers create beautiful and consistent UI. Important Mix is currently being used internally to build design systems in Flutter. However, it is still in the experimental development stages. Major APIs are expected to change until the 1.0 release. Motivation & …