Pixy — the visual layer between you and your coding agent<br>Sign in

The visual layer between you and your coding agent<br>Add a single script tag to your website. Your live page becomes a canvas: move, resize, retype, and restyle. Every change is sent to your coding agent as a structured edit.<br>Edit this pageGet your free key ›<br>No install, no account. Turn this page into the canvas.

Edit this page<br>This site runs Pixy. Switch design mode on and the page you're reading becomes editable — the real, running page, not a mockup of it.<br>Turn design mode onor press ⌘⇧E<br>Move anything Drag the headline out of place. Resize the button with its handles.<br>Restyle anything Change a colour, a radius, a font size — the panel edits the live element.<br>Rewrite anything Click into this text and type. It's the page's own DOM, so it just works.

Your edits stay in your browser and disappear when you reload.

How it works<br>Three steps, and only one of them is setup.<br>Install<br>Paste your personal script tag into your site — localhost, staging or production. Any stack: it's just a script.

Edit<br>Toggle design mode and tweak the real, running page. Dropdowns stay open, state stays alive — nothing is copied or re-rendered.

Pull<br>Tell your agent to pull from Pixy. It gets a clean record of every change — selector, property, from, to — and ships it as code.

Your site is the canvas.<br>Design tools re-draw your product in an abstract canvas and hand you back a lossy export. Pixy works the other way: the page itself is the workspace, your codebase stays the source of truth, and the agent — not a code generator — does the implementing.<br>No screenshots to annotate. No "make the heading bigger, no, smaller, move it up a bit". You show, the agent ships.

Design on the real thing.<br>Get your free keyFree · no card required · works on localhost, staging and production

What's new in Pixy<br>13 August 2026Pixy stores your city, not your IP address<br>IP addresses are used only long enough to determine a location, then discarded. Pixy stores the city, not the address itself.<br>Read update › 13 August 2026Crop images directly on the canvas<br>Crop and reposition images without leaving the editor using the same resize handles you already use.<br>Read update ›12 August 2026Manage and revoke AI agents individually<br>Every AI agent now has its own project key, making it possible to review and revoke access without affecting other agents.<br>Read update ›12 August 2026New team roles with flexible pricing<br>Teams can collaborate across accounts, and two new role-based seats are now available in preview.<br>Read update ›<br>All news ›

Account<br>Sign in<br>Get started<br>Install the script tagAuthorize your browserCreate a projectCopy for AI<br>Learn<br>DocsUI referenceRoadmap<br>Pixy<br>PricingNewsLegalContact