Visual Edits: edit your app by clicking on it

Click an element, change it, stack as many changes as you want, then send them to the model once.

visual edit module on Bolt.new

Your client wants the headline bigger, the CTA in their brand blue, and the subhead rewritten. Three changes, three prompts, three waits, three re-checks. As of September 3, 2026, that's a toolbar.

What is Visual Edits?

Visual Edits is a click-and-change editing layer in Bolt.new, an AI app builder from StackBlitz. You click an element in your running app, change it with a toolbar, stack up as many changes as you want, and send them to the model in one batch. As of September 3, 2026, it's available to every Bolt.new user on both free and paid plans.

How does Visual Edits work?

Visual Edits lives on the Select button you already use, now marked new. Click it and a short walkthrough runs the first time. Dismiss it and it stays dismissed in that browser.

Selecting works the way it always has. What changed is what happens after you select. Every element gets a toolbar. Elements with text in them get a bigger one: font size by the pixel or from a size picker, styling, lists, links, and editing the copy in place with the keyboard shortcuts you already know.

That toolbar's color picker reads the palette off your rendered page, so the colors it offers are the colors your app is already using.

Selected elements now carry plain-language names, not div and h1.

Why do the changes batch?

Each change you approve stacks into a list. Keep going. Change your mind and adjust an element again, and it updates that change rather than stacking a second one. Discard one and the preview snaps back.

When you like what you see, save. The whole stack goes to the model at once.

Batching is what makes this quicker than prompting change by change. One instruction set, one round trip, and the model gets exact values instead of a description it has to interpret.

Worth knowing before you click save: that batch goes to your currently selected model, so it spends tokens the way a prompt does. Less than describing each change in chat, but not free.

What Visual Edits doesn't do

This release covers text and styling. You can't drag elements around or rearrange a layout, and applying one change across many elements at once isn't something to count on yet. The prompt box is still there for everything the toolbar doesn't reach. The scope is narrow by design.

It pairs well with decks built in Bolt Slides, where most of what you're adjusting is text.

Where this pays off

The revision cycle is where agency margin goes to die. The client says smaller, you prompt, you wait, you check, they say actually bigger. Visual Edits turns that into a live session: make the changes while they watch, stack them, save once.

Only 4% of marketers use AI to write entire pieces on its own, and the norm is human-directed, AI-assisted work (HubSpot AI Trends for Marketers 2025). You still decide what on-brand means. Visual Edits stops you from describing it in a sentence.

Start building today

FAQ

FAQ

Bolt.new is an AI tool that builds working websites and apps from a plain-language description. You type what you want, Bolt builds it right in your browser, and you change anything just by asking. It is made by StackBlitz, and you do not need to know how to code to use it.

No. You describe what you want in everyday language, like a booking site for your salon with a calendar and a contact form, and Bolt.new builds it for you. The code is there if you ever want it, but you never have to touch it to get a working app.

Bolt.new builds full websites and web apps, including the parts people see and the behind-the-scenes pieces like databases, sign-ins, and payments. People use it for landing pages, online stores, booking tools, dashboards, internal tools, prototypes, and mobile apps. If you can describe it, you can usually build a working version of it.

You type what you want to build, and Bolt.new creates a working app you can see and use right away, all inside your web browser. From there you refine it by chatting, for example add a dark mode or move the sign-up button to the top, and Bolt updates the app each time. There is nothing to install, and you can publish it online when it is ready.

Bolt.new builds complete apps, the front end and the back end, and runs them live in your browser with nothing to install. It also hands you the actual code, so you are never locked into a closed system. Compared with tools that only produce a front-end mockup, Bolt focuses on a real, working app you can keep building on and take with you.

Yes. Bolt.new has a free plan that lets you start building right away with no credit card, using a monthly allowance of usage measured in tokens. Paid plans add more usage, a custom domain, and the option to remove Bolt branding. You can see the current plans at bolt.new/pricing.

You want more?
Build smarter, every week

The sharpest thinking on building with AI - product drops, engineering deep-dives, and tips that ship.