Flutter UI Kits

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...

Tinder like cards swipe effect with Flutter.

Tinder like cards swipe effect with Flutter.

Tinder cards Hi! After showcasing Focus for Reddit, the app I am working on, people asked me how did I do the tinder like cards swipe (posts media are

Jan 7, 2023

The app to demo animation with Flutter by implement Facebook reactions

The app to demo animation with Flutter by implement Facebook reactions

Facebook Reactions Animation Description The app to demo animation with Flutter by implement Facebook reactions. Watch the demo video for more clarity

Jan 8, 2023

Custom widget for Flutter

Custom widget for Flutter

Flushbar Use this package if you need more customization when notifying your user. For Android developers, it is made to substitute toasts and snackba

Dec 30, 2022

flutter stepper_touch widget

flutter stepper_touch widget

stepper_touch the concept of the widget inspired from Nikolay Kuchkarov. i extended the functionality to be more useful in real world applications Tha

Dec 30, 2022

A TypeAhead widget for Flutter, where you can show suggestions to users as they type

A TypeAhead widget for Flutter, where you can show suggestions to users as they type

Flutter TypeAhead A TypeAhead (autocomplete) widget for Flutter, where you can show suggestions to users as they type Features Shows suggestions in an

Jan 5, 2023

A highly customisable Flutter widget for entering pin code. Suitable for use cases such as login and OTP.

A highly customisable Flutter widget for entering pin code. Suitable for use cases such as login and OTP.

pin_code_text_field It's a beautiful and highly customizable Flutter widget for entering pin code. Suitable for use cases such as login and OTP. Usage

Dec 28, 2022

Flutter FoldingCell widget

Flutter FoldingCell widget

Simple FoldingCell widget Simple folding cell widget, pass frontWidget and innerWidget to fold and unfold. Installation Add dependency in pubspec.yaml

Dec 30, 2022

🔁 A custom refresh indicator for flutter.

🔁 A custom refresh indicator for flutter.

Liquid Pull To Refresh A beautiful and custom refresh indicator for flutter highly inspired from Ramotion Pull Down to Refresh. Table of contents Inst

Jan 8, 2023

A flutter package which makes it easier to display the difference between two images.

A flutter package which makes it easier to display the difference between two images.

👏 Before After A flutter package which makes it easier to display the differences between two images.. The source code is 100% Dart, and everything r

Dec 30, 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
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.

Habib ullah 3 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.

Urmish Patel 191 Dec 29, 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
Flutter-business-card-app - Flutter + Dart business card mobile app

Dart + Flutter Business Card Mobile Application

Mark Hellner 1 Nov 8, 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
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

null 1 Mar 8, 2022
Flutter Shop UI - an e-commerce app using Flutter

If you are planning to create an e-commerce app using Flutter then this Shop UI Kit would be the perfect choice for you to make a gorgeous app for both Android & iOS.

Trần Văn Nguyên 21 Nov 21, 2022
A Flutter staggered grid view

flutter_staggered_grid_view A Flutter staggered grid view which supports multiple columns with rows of varying sizes. Features Configurable cross-axis

Romain Rastel 2.7k Dec 30, 2022
A simple animated radial menu widget for Flutter.

flutter_radial_menu A radial menu widget for Flutter. . Installation Install the latest version from pub. Quick Start Import the package, create a Rad

Victor Choueiri 434 Jan 7, 2023