Early Preview • Available for ARM MacOS

The missing Visual-IDE for Flutter

Build and test Flutter UIs across multiple screen sizes simultaneously. Preview changes instantly, manipulate state in real-time, and perfect every component.

$
brew tap Norbert515/homebrew-tap brew install vide
Copied to clipboard

Supercharge Your Flutter Workflow

Professional-grade tools that transform how you build Flutter applications

Multi-screen Workflow

Develop for Every Form Factor

Visualize and refine your UI across multiple device sizes simultaneously. See instant updates across all screens with every code change - no more device switching or emulator juggling.

Real-time State Control

Master Your App's State

Manipulate theme settings, localization, and complex state scenarios across your entire app. See changes propagate instantly to all active screens and widgets.

  • Toggle dark/light themes instantly
  • Observe components under different app conditions
  • Reproduce complex state scenarios instantly
Widget Workshop

Isolate & Perfect Any Component

Directly access any widget in your app's hierarchy. Bypass navigation flows and test components in isolation with realistic data scenarios.

Quick Access:
⌘ K
Open Command Palette
Type to find and select any component in your app
Simple to Start

Usage

Just add vide before your Flutter commands - that's it!

Requires Flutter 3.22.0 or higher
Early Access
Terminal
$ vide flutter run
Launching lib/main.dart on macOS in debug mode...

Zero Config

No setup required. Works instantly with any Flutter project.

FVM Compatible

Works seamlessly with Flutter Version Management (FVM).

No Dependencies

No pubspec changes or package dependencies needed.

How Vide Works

A peek under the hood at how Vide enhances your Flutter development experience without getting in your way

Static Analysis

Analyzes your code to create a complete map of all widgets and their relationships in your application.

Shadow Workspace

Creates a temporary workspace with enhanced debugging capabilities without touching your source code.

Seamless Integration

Runs your app with all IDE features while maintaining the exact same behavior as your original code.

// Your Flutter project
my_app/
└─ lib/
└─ main.dart
// Vide's workspace (in temp directory)
/my_app/shadow_workspace/
└─ my_app/
└─ ide_widgets_registry.dart
└─ modified_main.dart

Frequently Asked Questions

While Flutter apps run on multiple platforms, Vide requires macOS desktop support because:
  • Mobile simulators have limited screen space for developer tools
  • Desktop provides the ideal canvas for layout inspection
  • Underlying debug services work best with desktop builds
We're actively working on cross-platform support! Our current focus is perfecting the macOS experience before expanding to Linux and Windows.
Some widgets might not appear due to:
  • Complex constructors with dynamic parameters
  • Custom widget inheritance structures