Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>IbexNew to Visual Studio Code? Get it now.
Ibex

Ibex

Thnoxs

|
2 installs
| (0) | Free
High-performance sidebar browser for local development with auto-server detection.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


Ibex | Local Preview Engine

releases url sponsor url paypal url kofi url license url

**A high-performance sidebar browser for VS Code.**
Auto-detects your React/Vite or HTML server, provides real-time previews, and keeps your workflow seamless without leaving the editor.

Ibex Demo

🚀 Key Features

  • ⚡ Smart Auto-Connect: Automatically detects npm start (React) or npm run dev (Vite) and launches the server for you.
  • 🎨 Live HTML Preview: Type code and see changes instantly without saving (Real-time DOM injection).
  • 🌑 Native Dark UI: No white flashes. Blends perfectly with your VS Code theme.
  • 🔄 State Persistence: Remembers your active session even if you switch tabs or files.
  • 🖱️ Context Menu: Right-click any .js, .jsx, .ts, .tsx, or .html file -> "Open with Ibex".
  • 🛑 Server Control: Dedicated command to stop the server and reset the workspace.

🛠️ Installation

  1. Open VS Code.
  2. Go to Extensions (Ctrl+Shift+X).
  3. Search for "Ibex".
  4. Click Install.

📖 How to Use

1. For React / Next.js / Vite Projects

  1. Right-click on any project file (e.g., App.js).
  2. Select Open with Ibex.
  3. Ibex will automatically open a terminal, run your start command, and load the preview.

2. For HTML Files

  1. Right-click on index.html.
  2. Select Open with Ibex.
  3. Start typing! The preview updates as you type.

⌨️ Shortcuts

  • Toggle Preview: Ctrl + Alt + I (Windows/Linux) or Cmd + Opt + I (Mac)

Website GitHub Instagram

Show your support
Give a ⭐️ if this project helped you!
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft