Etiqueta: ui

  • 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

  • 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 …

  • 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 & …

  • An open source UI library with 1000+ Widgets to build flutter app

    GetWidget GetWidget is a 100% free Flutter open-source UI library built with Flutter SDK to make Flutter development easier and more joyful than ever. GetWidget has 1000+ pre-build widgets that you can reuse to develop both Flutter mobile app and web app. Our motto is to provide the best Flutter UI library to the Flutter community to speed up their …

  • Fully customisable Neumorphic Containers for flutter

    neumorphic_container Fully customisable Neumorphic Containers for your flutter projects. Getting Started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … neumorphic_container: «^0.0.1+2» In your library add the following import: import ‘package:neumorphic_container/neumorphic_container.dart’; For help getting started with Flutter, view the online documentation. Usage Simple Container: For best results, set the background color of a surrounding widget to …

  • A implementation of Flx Design System for Flutter

    Paper Paper is a implementation of Flx Design System for Flutter. Installing Add a lines like this to your pubspec.yaml. dependencies: paper: git: url: https://github.com/the-flx/paper.git ref: vX.X.X After replace X.X.X of the prefer version of package on github releases page. Next step is will run command flutter pub get. Importing Now in your Dart code, import paper like on example. …

  • A Nice Clean Analog Clock App UI With Flutter

    Analog Clock Light & Dark Theme We design a nice clean analog clock app UI by using flutter. Our clock supports both the Dark and Light theme. If you want to learn how to use both Light and Dark theme then it helps a lot. How I can run it? 🚀 Clone this repo 🚀 Run below code in terminal …

  • Flutter UI library based on Carbon Design System

    Flutter Carbon Unofficial implementation of Carbon Design System using Flutter framework. Finished widgets [x] CButtons (primary, secondary, danger, tertiary, ghost) [x] CTextfield (primary, success , warning, danger) based on validation [x] CForm (form , form group) [x] CCheckbox [x] CSVGIcon [x] CLink Screenshots Form Button Setup project Clone the repo: git clone https://github.com/NourEldinShobier/carbon-flutter Change directory to lab: cd lab Get …

  • A modern chat UI kit with flutter

    A complete Flutter chat UI kit This Flutter package provides you with a base structure as well as a set of tools that allow you to quickly build up a modern chat UI. Instead of trying to come up with all in one Widgets that meet everyone’s expectations, you are given helpers that are meant to be used as examples …

  • Neumorphic Ui kit for flutter

    neumorphic.flutter Implementation of Neumorphism user interface consisting of sets of principles and widgets for the Flutter framework Getting Started In your flutter project add the dependency: dependencies: neumorphic: any Check out library documentation (latest stable). Api Now implemented some widgets: NeuCard NeuButton NeuSwitch NeuText NeuTextField NeuBackButton NeuAppBar NeuApp NeuCard It is container like a Material merged with Container, but implements …

  • A platform for creating in-app chat experiences using Flutter

    Flyer Chat Flyer Chat is a platform for creating in-app chat experiences using Flutter. This repository contains Firebase BaaS implementation for Flutter. We are also working on our more advanced SaaS and self-hosted solutions. Actively maintained, community-driven Firebase BaaS for chat applications with an optional chat UI. Getting Started Requirements Dart >=2.12.0 and Flutter >=2.0.0, Firebase project. Read our documentation …

  • Creates a stacked page view animation for flutter pageview

    Stacked Page View Hi! This package will create stacked page view in your flutter app. it’s as lightweight as it can get. Just wrap it between your PageView builder and the iterable children like the code below. PageView.builder( itemCount: 10, scrollDirection: Axis.vertical, controller: pageController, itemBuilder: (context, index) { return StackPageView( controller: pageController, index: index, child: Container( color: (colors..shuffle()).first, child: Center( …

  • Design beautiful native windows apps using Flutter

    fluent_ui Design beautiful native windows apps using Flutter.Implements Fluent UI to Flutter. Motivation Since flutter has Windows support (currently in alpha as of 18/02/2021), it’s necessary to have support to its UI guidelines to build apps with fidelity, since it has support for Material and Cupertino. See this for more info on the offical fluent ui support See also: Material …

  • Create a smooshy UI for flutter

    flutter_dough This package provides some widgets you can use to create a smooshy UI. How to use This package provides squishy widgets you can use right out of the box. Optionally, you can create custom Dough widgets for a custom squish effect. For a more complete overview on how to use the Dough library, check out the example project provided …

  • A GUI for the Neutrino neural singing synthesizer with Flutter

    Muon A GUI for the Neutrino neural singing synthesizer, written in Flutter (and uses synaps!). Eyecandy / screenshots Eye-burning Light mode Dark mode Features Seamless romaji -> hiragana voice editing Multiple voices rendered in parallel Undo/Redo Actions Menu Automatic voice model listing and on-the-fly changing MIDI/MusicXML import Building Building Steps: Clone this repository somewhere flutter pub get -> gets all …

  • Pangolin Desktop UI shell designed for dahliaOS in Flutter

    Pangolin Desktop UI Pangolin Desktop UI shell, designed for dahliaOS, written in Flutter. Pangolin UI is a Desktop shell for dahliaOS, written in Flutter, runs on Linux and Zircon Pangolin was named after a shelled animal like the Armadillo UI Pangolin Desktop is based on the deprecated Capybara shell, with a custom window management system built from the ground up …

  • Utility classes/functions to help with UI development using the Flutter

    Aqua Utility classes/functions to help with UI development using the Flutter framework. It is recommended to use the as keyword with the import statement when importing the package to prevent name conflicts, for example… import ‘package:aqua/aqua.dart’ as aqua To log output to file await aqua.log(‘data to log’, logFile: ‘path/to/file’, clear: true, time: true); To save data to device Future<void> save() …

  • A Simple Nutrition Facts App using BLoC Architecture with flutter

    NutritionFacts A new Flutter application using BLOC pattern. 📱 iOS Screenshots List Detail Tech Stack Dart – Dart is a client-optimized programming language for apps on multiple platforms. BLoC Architecture – Its a state management system for Flutter recommended by Google developers. It helps in managing state and make access to data from a central place in your project. RxDart …

  • A complete Neumorphic ui kit for Flutter

    flutter_neumorphic A complete, ready to use, Neumorphic ui kit for Flutter. ⚙️ Installation https://pub.dev/packages/flutter_neumorphic dependencies: flutter_neumorphic: ^3.0.3 //requires flutter > 1.13.18 The in your .dart files import ‘package:flutter_neumorphic/flutter_neumorphic.dart’; 🗂 Widgets Preview Widget Description Neumorphic The main Neumorphic Widget, a container which adds white/dark gradient depending on a lightsource and a depth NeumorphicButton A neumorphic button that plays with the depth …