You can vibecode a beautiful design in an hour.
Hand it to the client, and they won't know how to update it.
Whether it's a client's site or your own, a Code Block only stays beautiful until someone needs to change a price, a headline or a photo. The Code Block Editor turns it into plain fields — so your client can make the change, and you don't get the email.
- Works pre-launch, in trial, or password-protected
- Free updates — they arrive on their own
- Install in under 2 minutes
- No code required for your client
You didn't need to understand every line to ship it.
Your client shouldn't need to, to update it.
More of what lands in a Code Block now started as a prompt, not hand-written code. It's faster to build, and it looks great — but the output is often denser and less familiar than something you'd have written yourself, which makes a "quick edit" request riskier to hand off, not safer.
The Code Block Editor sits on top of whatever generated the block — AI or otherwise. Your structure, styling, and any animation stay exactly as built. Your client (or you, six months from now) gets plain fields for the parts that actually change.
Hourly
<!-- Hourly -->
<div class="ds-card">
<h3>Hourly</h3>
<ul class="ds-rate">
<li><span>2 hours (or less)</span><span cla…
<li><span>Half Day (2–5 hrs)</span><span cl…
<li><span>Full Day (5+ hrs)</span><span cla…
</ul>
</div>
Edit content
V3.1Not a page builder. A content door.
It works with what's already in your block: the text, links, colours and images in your HTML become plain fields. Nothing is added that you didn't build. The cards marked New arrived in Version 3 — on every installed site, automatically.
Open links in a new tab
Every link and button gets an "Open in a new tab" switch, right under its address. Switch it on and visitors keep your page open behind the link. Leave it alone and nothing changes.
Opens itself
No toolbar to find — open the block's code editor and the panel appears automatically.
Dock it beside your page
Dock the panel to the side and your page stays in view. Click any text, button or image in the block to jump straight to its fields — edits show as you type.
Swap images, no files sent
Every image in your block gets a field. Replace it with any image on your site or in your Squarespace Asset Library — or upload a new one. Search by filename.
Add, remove and reorder items
When your block repeats a pattern — FAQ entries, cards, testimonials — your client can add one, remove one, or drag them into a new order. Where that isn't safe for the layout, the panel says so instead.
Undo, one step at a time
Every change can be walked back in order, and the button names what it will undo — "Undo colour", "Undo text". Each field has its own Undo, and Redo brings back a mistake.
Structure stays locked
Your HTML, CSS, and animation are never exposed by default — only the content is editable.
A separate size for phones
Where your block's CSS sets a text size, the panel offers a phone size right next to it. Change it for phones and the desktop size stays exactly as it was.
Reorder columns Beta
When your block has a multi-column layout, swap the columns from the panel — image on the right instead of the left — without touching the grid.
Developer override
Need the raw code back? There’s a developer-only way to reveal it, explained in your tutorial. Your client never sees it.
The client emails again. It is a two minute change.
Change the price from $20 to $25. Swap the headline. Replace the photo. Add one more question to the FAQ. It sits inside a Code Block, so the client cannot touch it, so it comes to you.
You do it, because invoicing fifteen minutes feels petty and because saying no costs more than saying yes. Then it happens again next month.