Open Source • Free Beta

AI Frontend Editing Directly in Your Browser

Frontman lets you skip the "refresh and check" cycle and brings non-coding teammates into the workflow

How to install Frontman

Installing Frontman takes less than 5 minutes, and you'll have Frontman ready to start making changes to your project visually

Step 1

Install locally

Run one command in your project folder

curl https://frontman.sh/install/nextjs | bash

Step 2

Open Frontman

Visit localhost/frontman in your browser.

example:
http://localhost:3000/frontman

Step 3

Connect your AI

Connect to your preferred AI model subscription

(Frontman supports Claude, Chat GPT and Open Router)

Select elements

Click any element on your page, describe what you want in plain English, and watch your code update instantly — no IDE required.

Pro tip: use the up and down arrows to move between components and divs

See changes in real time

Stop switching between your editor and browser. With Frontman, prompt changes like you would in DevTools and see updates live as they happen. When you're ready, commit and push to Git — all without leaving your browser.

automatically loads your agents.md / claude.md

Frontman reads your project configuration automatically. It loads your agents.md, claude.md, or custom rule files at the start of each session — giving the AI full context of your stack, conventions, and coding standards before writing a single line.

Designers

Product Managers

Developers

Break the walls between design, product, and engineering

Frontman creates a collaborative environment where designers, product managers, and developers can work together seamlessly. No more handoffs, no more miscommunication, no more waiting.

With Frontman's visual editing capabilities, everyone on your team can contribute to the frontend—whether they write code or not. Ship faster, iterate quicker, and build better products together.

Dev Server

Client

The AI That Actually Sees What You See

Most AI coding tools are fragmented — they run in your terminal or IDE, disconnected from what's actually rendering in your browser. Frontman is different. It lives inside both your dev server and your browser, with direct access to your DOM, styles, and components in real time.

Unlike Cursor, Claude Code, or Copilot, Frontman doesn't guess what your UI looks like — it sees it. That means faster iterations, fewer hallucinations, and code that actually matches your intent on the first try.

Loved by developers, designers, and product teams

See what teams are saying about how Frontman transformed their workflow.

"I used to spend 20 minutes explaining a CSS change to Cursor. Now I just click and say 'fix this spacing.' Done in 30 seconds."

Alex Chen

Frontend Developer

"Finally, my designer can show me exactly what's wrong instead of sending Loom videos."

Sarah Kim

Tech Lead

"The fact that it's open source sealed the deal. I can see exactly what prompts it sends."

Mike Torres

Senior Engineer

"Our QA team can now make minor UI fixes themselves. That's a game changer for velocity."

Jessica Park

Product Manager

"I was skeptical about AI code tools, but Frontman's approach of editing in the browser just makes sense."

David Liu

Engineering Manager

"Best part? No more 'can you move this 5px to the left' Slack messages. They just do it themselves now."

Rachel Green

Design Lead