This project contains various inspired UI kits purely coded in Flutter framework.

Overview

Flutter UI Kits

This project contains various inspired UI kits purely coded in Flutter framework.

Animated BottomBar (Fancy Bar v1.2.0)

Available as a seprate Package @pub Clone the project here.

V1

alt text

V2

alt text

An animated bottom bar with AnimatedSwitcher.

Sample Code ::

        InkWell(
          onTap: () => setItem(3),
          child: Container(
              width: 100,
              height: 55,
              alignment: Alignment.center,
              child: AnimatedSwitcher(
                transitionBuilder:
                    (Widget child, Animation
   
     animation) {
                  return ScaleTransition(
                    scale: animation,
                    child: child,
                  );
                },
                duration: Duration(milliseconds: 250),
                child: pos == 3
                    ? Text('Profile',
                        style: TextStyle(
                            color: Colors.blue,
                            fontWeight: FontWeight.bold,
                            fontSize: 18))
                    : Icon(Icons.account_circle),
              )),
        ),

   

Wallpaper UI Kit

alt text

Grocery UI Kit

alt text

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 framework. This app is based on a learning course from Udemy with my own customization to make the app look good.

Features

Grocery UI Kit

alt text alt text alt text

UI Kit is not completed more # Stars will motivate me work more

Donations

This project needs you! If you would like to support this project's further development, the creator of this project or the continuous maintenance of this project, feel free to donate. Your donation is highly appreciated (and I love food, coffee and beer). Thank you!

PayPal

  • Donate $5: Thank's for creating this project, here's a coffee (or some beer) for you!
  • Donate $10: Wow, I am stunned. Let me take you to the movies!
  • Donate $15: I really appreciate your work, let's grab some lunch!
  • Donate $25: That's some awesome stuff you did right there, dinner is on me! Of course, you can also choose what you want to donate, all donations are awesome!
You might also like...

ID-Card - A Simple ID Card Project Using Flutter

ID-Card - A Simple ID Card Project Using Flutter

ID-CARD A new Flutter project.A simple demonstration of my time in the Dart lang

Jan 26, 2022

An UI based flutter project.

An UI based flutter project.

Technoponics Table of Contents About The Project Built With Features Getting Started Roadmap Contact About The Project Technoponics is a app to know a

Mar 15, 2022

An UI Design as an example to make a flutter project

An UI Design as an example to make a flutter project

Hello Guys! in this project i taked an UI Design as an example to make a flutter project. this project is the first part for figma to flutter...

Nov 22, 2022

A simple flutter UI project showing viewer a beautiful UI about coffee

A simple flutter UI project showing viewer a beautiful UI about coffee

coffee This is a simple flutter UI project where i am showing viewer a beautiful UI about coffee. And also i am using modular way to create this proje

Dec 13, 2022

Complete project of simple xylophone

xylophone A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Nov 26, 2021

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

May 15, 2022

A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

Dec 29, 2022

Flutter-business-card-app - Flutter + Dart business card mobile app

Flutter-business-card-app - Flutter + Dart business card mobile app

Dart + Flutter Business Card Mobile Application

Nov 8, 2022

Flutter Complete E-Commerce app (UI by - 'The Flutter Way')

NOT COMPLETED YET! e_commerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

Mar 8, 2022
Comments
  •   NOT found  animated_bottombar

    NOT found animated_bottombar

    @leoelstin

    Where is the animated_bottombar located?

    Because flutter_widgets depends on animated_bottombar from path which doesn't exist (could not find package animated_bottombar at "animated_bottombar"), version solving failed. pub get failed (66; Because flutter_widgets depends on animated_bottombar from path which doesn't exist (could not find package animated_bottombar at "animated_bottombar"), version solving failed.)

    opened by chathudan 8
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 15% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /images/Simulator Screen Shot - iPhone XR - 2019-02-16 at 19.40.34.png | 96.62kb | 53.58kb | 44.54% | | /screenshots/Screenshot 2019-04-28 at 12.01.16 AM.png | 130.00kb | 107.50kb | 17.31% | | /screenshots/Screenshot 2019-04-28 at 12.01.23 AM.png | 142.78kb | 120.62kb | 15.52% | | /screenshots/Screenshot 2019-04-28 at 12.01.54 AM.png | 150.75kb | 128.24kb | 14.93% | | /screenshots/Screenshot 2019-04-28 at 12.01.36 AM.png | 152.50kb | 130.00kb | 14.76% | | /screenshots/preview.jpg | 601.96kb | 543.53kb | 9.71% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] | 10.85kb | 10.68kb | 1.62% | | | | | | | Total : | 1,285.46kb | 1,094.15kb | 14.88% |


    📝docs | :octocat: repo | 🙋issues | 🏅swag | 🏪marketplace

    opened by imgbot[bot] 0
Owner
Leo Elstin
Senior Mobile Engineer @Maersk-Global
Leo Elstin
A flutter package that contains a collection of icon decoration tools (i.e. gradient, opacity) and icon transition features with cool animation effects.

Advanced Icon A flutter package that contains a collection of icon decoration tools (i.e. gradient, opacity) and icon transition features with cool an

Ankit Mishra 8 Dec 24, 2021
The most complete flutter plugin packages for open various settings screen in Android and Ios

open_settings The most complete flutter plugin packages for open various settings screen in Android and Ios For Android: this plugin currently support

Ali Hoseinpoor 15 Dec 11, 2022
HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps.

flutter_colorpicker HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps. Adorable color pickers out o

Dark Knight 279 Dec 30, 2022
A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram.

Calculator UI A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram. Just thought why not making it into an app? So, just buil

Sreelal TS 4 May 2, 2022
The Coolicons icon pack for Flutter with over 400 icons available for your flutter project.

coolicons This flutter package allows you to use the Coolicons icon pack. Made from Coolicons. ?? Installation In the dependencies: section of your pu

Stephen Joel 1 May 24, 2022
Foody - Flutter project to display foods to clients and display charts and has a lot of features , two flutter apps : Android and Web

Foody Flutter project to display foods to the clients and use charts and use a lot of features to complete the process (HUGE APP) There two apps: Andr

ABDULKARIMALBAIK 1 Feb 7, 2022
A Flutter project that gives basic flutter design to implement a login UI

Login UI Design A Flutter project that gives basic flutter design to implement a

CABREX 9 Nov 8, 2022
A better way for new feature introduction and step-by-step users guide for your Flutter project.

A better way for new feature introduction and step-by-step users guide for your Flutter project.

好未来技术 139 Oct 26, 2022
Project Flutter which discusses how to create a movie dashboard UI

MOvApps (Flutter Project) Hi everybody. How are you guys? May you always be in good health and of course always be blessed by God! I want to showcase

Aqshal Rizqullah 1 Nov 30, 2021
Mi-card-app flutter project

my_card_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

null 1 Dec 2, 2021