Product upvotes vs the next 3

Waiting for data. Loading

Product comments vs the next 3

Waiting for data. Loading

Product upvote speed vs the next 3

Waiting for data. Loading

Product upvotes and comments

Waiting for data. Loading

Product vs the next 3

Loading

stagewise

The frontend coding agent for existing codebases

Visually build your apps frontend right inside your browser on localhost. Compatible with any frontend framework and codebase.

Top comment

Hey ProductHunt! 👋🏽 We're Julian and Glenn, the makers of stagewise.

The problem:

Like many of you, we fell in love with prototyping tools like v0. The feeling of magically generating a UI with a simple prompt is just incredible.

But then came the hard part: moving from v0 to our local codebase.

After switching to a local codebase and working with Claude Code or Cursor, the frontend magic was gone. We were back to manually copying and pasting screenshots from left to right, trying to make the coding agent understand the UI we were looking at.

So, we built stagewise:

stagewise is an open-source frontend coding agent that lives inside your browser and operates on your local codebase. It lets you click on elements in you app, enter prompts like 'increase the height here' and implements the changes in your source code.

stagewise basically brings the magic of tools like v0 and lovable right into your local project setup.

Here's how to try it out with a single command:

  1. start your web app in dev mode (e.g. on localhost:3000)

  2. open a terminal and navigate to your web app's directory

  3. run:

npx stagewise@latest

The command will inject the stagewise coding agent on top of your running web app, ready to play with.

Our ask:

Please try out the agent for you project and give us honest feedback - that's the best way for us to improve stagewise.

You can use the coupon code PRODUCTHUNT to get a month off!

We're excited to hear your thoughts!