See changes instantly
Embedded browser preview shows your work in real-time. Edit HTML, CSS, or JS—watch it update immediately. No refresh needed.
Design
Click to inspect anything
Hit ⌘I, click any element on the page, and get the full picture—selector, styles, position, HTML. Send it straight to Claude for instant fixes.
Design
Code with IntelliSense
VS Code's Monaco editor built right in. Autocomplete, syntax highlighting, multi-file editing—feels like home.
Design
DevTools when you need them
Full Chrome DevTools integrated. Debug JavaScript, inspect network requests, profile performance—all without leaving the app.
Design
Arrange your workspace
Drag panels to resize. Terminal on left, browser on right? Code on top, preview below? Your layout, your way.
Design
No context switching
Design, code, and preview in one window. No alt-tabbing between browser, editor, and terminal. Everything you need, right where you need it.
Design
AI-powered development
Claude Code built in. Ask Claude to write code, debug issues, or automate browser tasks—all through natural language. Development at the speed of thought.
Build
Claude in your terminal
Not just any terminal—Claude Code lives here. Run commands, manage Git, start servers. AI assistance whenever you need it.
Build
Multiple terminals, zero chaos
Run dev server in one tab, Git in another, tests in a third. Switch instantly with ⌘1, ⌘2, ⌘3. Every session independent.
Build
Save, reload, done
File watcher sees every change. CSS? Hot-reloaded instantly. HTML or JS? Auto-refreshed. No manual reloading, ever.
Build
Browse your project visually
Sublime-style file browser with Git status built in. See what's changed, stage files, rename inline. Jump anywhere instantly.
Build
Console in the terminal
Browser console logs appear in your terminal. Errors highlighted in red. Debug without switching windows.
Build
Feels like macOS
Liquid glass UI. Vibrancy effects. Rounded corners. This isn't a web app pretending to be native—it IS native.
Build
Keyboard-first workflow
Everything has a shortcut. New tab, clear screen, toggle panels, inspect element—keep your hands on the keyboard.
Build
Export real Mac apps
Turn your web project into a standalone macOS application. Double-click to run. Drag to Applications. Ship it.
Ship
Signed and trusted
Automatic code signing and notarization. Your users won't see scary warnings—just a clean, trusted app install.
Ship
MCP extensibility
Built on Model Context Protocol. Extend Claude with custom tools, connect to APIs, databases, or other agents. The browser is just the beginning.
MCP
26+ browser automation tools
Claude can control the browser for you. Navigate, click, type, scroll—all through natural language. "Click the login button" just works.
MCP
Fill forms automatically
Tell Claude to fill out a form. Checkboxes, dropdowns, text inputs—handled. Testing signup flows has never been easier.
MCP
Capture screenshots on command
Full page, viewport, or specific element. Claude grabs screenshots programmatically. Perfect for testing, bug reports, or design reviews.
MCP
Run JavaScript anywhere
Run JavaScript directly in the browser context. Get return values. Manipulate the DOM. Test ideas without opening DevTools.
MCP
Drag, drop, hover, interact
Advanced interactions powered by Playwright. Drag elements, trigger hovers, simulate complex user flows. Claude handles the complexity.
MCP
