Etiqueta: widget

  • A Flutter application with several tools such as generators, formatters and converters for developers

    DevWidgets DevWidgets is a Flutter application with several tools such as generators, formatters and converters for developers. It’s directly inspired by DevToys. Clicking here you can try it directly from your browser 🌐! Getting Started Download from Releases You can download a nightly build for Linux from the latest commit from here. Building from source Clone the repo from GitHub …

  • A server driven UI library for Flutter

    Installation 🚀 First, we need to add mirai to our pubspec.yaml file. Install the plugin by running the following command from the project root: flutter pub add mirai This will add a line like this to your package’s pubspec.yaml. dependencies: mirai: ^0.0.2 And then run flutter pub get. Usage 🧑‍💻 Now that we have successfully installed mirai, we can import …

  • Bank UI implementation with help of Slivers, Glassmorphism and beautiful animations

    Bank UI Flutter Challenge 💸 Bank UI implementation with help of Slivers, Glassmorphism and beautiful animations Project info Developed with latest version of Flutter Supports Android, iOS, WEB Uses Riverpod for state management Uses Slivers for advanced scrolls and animations Demo Web Demo How to run Clone the repo git clone https://github.com/extrawest/bank_ui_flutter_challenge.git your_custom_project_name Install dependencies flutter pub get Run the …

  • A shoes app UI in Flutter

    myshoesapp A shoes app UI using Flutter and Firebase. [This project is still under development] The App Login Page Phone Verfication Page [ if tapped on phone icon ] Input Valid Number       Enter OTP Home Page Shoe Details Page Names of the products are different as they were passed dynamically. The aim was to make the Select Color feature …

  • A Simple News App Ui Using Flutter

    NewsApp-UIkit-Flutter This is a simple news app ui based on figma design Setup Project Step 01: run flutter pub get Step 02: flutter packages pub run build_runner build –delete-conflicting-outputs Step 03: flutter pub run Figma link https://www.figma.com/file/M5wylP63oEgHSLq7pKsKRK/news?node-id=0%3A1&t=uIBT1P0SZje6uyR1-1 Demo image License Kavindu Dissanayake GitHub https://github.com/KavinduDissanayake/NewsApp-UIkit-Flutter

  • Veggie Seasons app with an adaptive UI

    Veggie Seasons Adaptive This demo app is an experiment of adapting Material Design 3 for an iOS audience in the context of Flutter development. It aims to achieve platform-appropriate look and feel with as little compromise on reusing code between Android and iOS as possible. The app ports Veggie Seasons, which was built with Flutter’s Cupertino library as an iOS-only …

  • A Mental Health App UI using Flutter

    Mental Health App UI Created a Mental Health App UI using Flutter. This repository can be a helpful reference for the following: BLoC Feature Driven Architecture How to use BLoC with BottomNavigationBar Implementing Complex and Cool UI Inspiration The design is taken from Dribble. Design For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, …

  • Car App UI built with Flutter

    Car UI App Getting Started This is a simple app about car ui app design Plugins Google fonts “package” Get (Animation) “package” Unicons (App icons) “package” Material3 How to use this app You can install application in your device via this repo git clone https://github.com/klilmhdi/car-app-ui.git cd car-app-ui flutter pub get // install plugins flutter run GitHub View Github

  •

    Multi Restaurant Food Delivery UI Template for Flutter

    Multi Restaurant Food Delivery App UI Template for Flutter This project is a user interface template developed using Flutter. There is a mock data source and service in the project. So you can run the application immediately to test without doing anything. There is an Envato item that uses this design. https://codecanyon.net/item/food-delivery-app-multi-restaurant-ui-template-for-flutter/43180057 GitHub View Github

  •

    A Flutter package to create a nice circular menu using a Floating Action Button

    FAB Circular Menu A Flutter package to create a nice circular menu using a Floating Action Button. Inspired by Mayur Kshirsagar‘s great FAB Microinteraction design. Installation Just add fab_circular_menu to your pubspec.yml file. dependencies: fab_circular_menu: ^1.0.0 Example class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Placeholder(), floatingActionButton: FabCircularMenu( children: <Widget>[ IconButton(icon: Icon(Icons.home), onPressed: …

  • Bloomina Flowers UI Design with Flutter

    Bloomina Flowers UI Design with Flutter This project showcases a beautiful UI design for a flowers application using the Flutter framework. The project demonstrates the use of various Flutter widgets and tools to create an appealing and functional design for an app that displays information about different flowers. Screenshots Getting Started To run this project, you will need to have …

  • Animated Menu for Flutter Apps

    Animated Menu Use AnimatedMenu to create a menu with/without animation. You can use FadeIn or SlideIn animation to show the menu, You can use any Widget inside AnimatedMenu as a menu item. Installation Add animated_menu: ^1.0.0 in your project’s pubspec.yaml: dependencies: animated_menu: ^1.0.0 Usage Import animated_menu in your dart file: import ‘package:animated_menu/animated_menu.dart’; Then use showAnimatedMenu in your function: onTapDown: (details) …

  • Crypto Tracker UI Design with Flutter

    Crypto Tracker UI Design Crypto Tracker Flutter project 🚀. Getting Started Download the project from Repo git clone https://github.com/MuhammadBilalAkbar/flutter_crypto_tracker_ui.git flutter pub get flutter run Looks 👀 GitHub View Github