Introduction

FlutKit is a nicely designed and developed multipurpose mobile application UI Kit developed using Flutter.

FlutKit is a nicely designed and developed multipurpose mobile application UI Kit developed using Flutter. Flutter is an open-source mobile application development SDK created by Google and used to develop applications for Android and iOS.

FlutKit makes an easy job for developer to have the modern look and feel in the mobile application. It saves lots of hustle and time to develop a nicely design UI for modern mobile application. FlutKit is ready to use and can be easily integrated in any flutter project. The code organization is easy to understand any part can be taken out and added into flutter application.

FlutKit comes with around 200 ready to use widgets, 700+ screens covering many use cases and 28 Full application pages. It comes with both light and dark theme and works great with both android and iOS.

  • Light & Dark Theme Support
  • Animation Kit for cool animations
  • RTL Support
  • Multi Language Theme Support
  • State Management (BLoC Pattern) - In 7 Apps

Let's take a look at the things provided in FlutKit

Material You (Material Design 3 Apps)

- Using State Management & Models - JSON Data

  • Shopping
  • Cookify
  • EState
  • Dating
  • Learning
  • Homemade
  • Shopping Manager (Admin)

Custom Apps

  • Cookify
  • Medicare
  • Grocery
  • Shopping
  • Estate (Using State Management)
  • Homemade (Using State Management & Models - JSON Data)
  • Dating (Using State Management & Models - JSON Data)
  • Movies - Steaming app (Using State Management & Models - JSON Data)

Apps

  • Shopping
  • Hotel
  • Food
  • News
  • Handyman
  • Course
  • Health
  • Social
  • Event
  • Chat
  • Music

Web Apps

  • Shopping
  • Course
  • Food
  • Event

Other Screen & Pages

  • Authentications
  • Quiz
  • Dashboards
  • Mail
  • Profiles
  • Settings
  • Wallet

Material Widgets

  • Animated Button
  • Appbars
  • Bottom sheets
  • Cards
  • Carousel
  • Charts
  • Chips
  • Cupertino widgets
  • Dialogs
  • Dropdown
  • Dismissible list
  • Expansions
  • Forms
  • Google map
  • Grid
  • Hero transitions
  • Icon button
  • Inputs
  • List
  • Navigation
  • Progress
  • Popups
  • Searchbar
  • Sliders
  • Snackbar
  • Stepper
  • Bottom Navigation (Custom)
  • Onboarding wizards (Custom)
  • Text liquid fill (Custom)

Folder Structure

Let's take a deep dive to how the files and folders are arranged in the app.

├── docs                        <------ Documentation
└── FlutKit                     <------ Project
│   ├── android                 <------ Android config
│   ├── assets                  <------ Assets used in the app
│   ├── ios                     <------ iOS config
│   ├── lib
│   │   └── apps                <------ Custom Applications (Cookify, Medicare, etc.)
│   │   └── screens             <------ Sample Applications (Shopping, Learning, etc.)
│   │   └── homes               <------ Main screens
│   │   └── theme               <------ Themes & it's utils
│   │   └── utils               <------ Different utils
│   │   └── utils               <------ Different utils
│   │   └── widgets             <------ Ready to use Widgets
│   │          └── cupertino
│   │          └── custom
│   │          └── material
│   │          └── syncfusion
│   │   └── main.dart           <------ Starting point of the app
│   ├── pubspec.yaml            <------ Contains dependencies used in the app
│
│   ├── .....