How to Run the Project (Web, Android, iOS, Desktop)

Estimated reading: 2 minutes 60 views

This guide will walk you through running the FlutKit Dashboard UI Kits on all supported platforms:

  • Web
  • Android
  • iOS
  • Windows / macOS / Linux (Desktop)

Whether you’re using VS Code, Android Studio, or the terminal, the steps are the same.

1. Prerequisites

Before running the project, ensure you have:

✔ Flutter SDK (latest stable)

Check:

flutter --version

✔ Required platforms installed

flutter doctor

You should see checkmarks for:

  • Chrome (for web)
  • Android toolchain
  • Xcode (iOS)
  • Visual Studio / clang (desktop)

2. Install Dependencies

Inside your project folder, run:

flutter pub get

This downloads all required packages.

3. Run the Project on Web

Method 1: Using Terminal

flutter run -d chrome

Method 2: Using VS Code / Android Studio

  1. Open Device Selector
  2. Choose Chrome
  3. Press ▶ Run

✔ Recommended for Development

FlutKit Dashboard UI Kits is fully responsive, so developing with Web view is ideal.

4. Run the Project on Android

Requirements

  • Android SDK installed
  • At least one of these:
    • Physical Android device
    • Android emulator

Start Emulator

flutter emulators --launch <emulator_id>

Run:

flutter run -d android

Or choose the device from IDE.

5. Run the Project on iOS (macOS only)

Requirements

  • macOS
  • Xcode
  • iOS Simulator or real device
  • CocoaPods installed:sudo gem install cocoapods

Install iOS Pods

cd ios
pod install
cd ..

Run:

flutter run -d ios

Or select iPhone Simulator from your IDE.

6. Run the Project on Desktop (Windows / macOS / Linux)

Flutter supports all major desktop platforms.

Enable Desktop Support

flutter config --enable-windows-desktop
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop

Run:

flutter run -d windows
flutter run -d macos
flutter run -d linux

In VS Code, simply select your desktop device from the device selector.

7. Useful Commands

Clean build cache

flutter clean
flutter pub get

Hot reload

Press r (terminal) or the lightning button (IDE).

Hot restart

Press R (terminal) or restart (IDE).

List all devices

flutter devices

Tips for Best Experience with FlutKit Dashboard UI Kits

1. Prefer Flutter 3.22+

Ensures best performance for Flutter Web.

2. For Web Development

Run in profile mode for better speed:

flutter run -d chrome --profile

3. For Desktop

Windows/macOS give the fastest debug builds for admin dashboards.

Share this Doc

How to Run the Project (Web, Android, iOS, Desktop)

Or copy link

CONTENTS