Loved by designers & dev teams
Edit any website like
It's a Figma file
Click any element on any site. Change fonts, colors, spacing, layouts. Show your dev team exactly what to build, with clean CSS ready to ship.
0 k+
Total active users
0 +
Country covered
0 /5
From 10k+ reviews
Everything you need to design on the web.
Visual Inspect
Click any element on any website to instantly reveal its CSS properties, spacing, font settings, colours, and dimensions, no DevTools required.
Colour Extraction
Capture the full colour palette of any page in one click. Hex codes, gradients, and accent colours are surfaced automatically and ready to copy.
Typography Scanner
Identify every font in use — family, weight, size, line height, and letter spacing. Know exactly how a site achieves its typographic tone.
Drag & Rearrange
Move sections, blocks, and individual elements around the page in real time. Test layout changes without writing a single line of code.
Remove Elements
Hide or delete any element from view — ads, banners, navigation bars, pop-ups — to focus on what matters or to prototype a cleaner version.
Image Swap
Replace any image on the page with your own assets instantly. Perfect for mockups, client presentations, and testing visual directions.
AI Design Assistant
Tell the AI what you want to change — in plain language — and watch it apply the edits. Rewrite copy, adjust colours, or restructure layouts on command.
The slowest part of design isn't designing.
It’s explaining. Screenshots with red arrows. Loom videos at 2x speed. Slack threads no one reads. Three days later, the dev ships something close, but not what you meant. There’s a faster way.
Click. Change. Done.
Hover any element. Click to select. Edit text, type, color, spacing, and layout right on the page — without touching code or DevTools.
-
Works on any live website
-
Edit text, fonts, colors, spacing, layout
-
Undo, redo, and version history built in
Make it look right, fast.
Build gradients, shadows, and effects with simple sliders. No CSS knowledge needed. Test ten variations in the time it takes to write one
-
Visual gradient & shadow builder
-
Live font preview
-
Real-time spacing controls
Hand devs clean CSS.
Every change you make exports as production-ready CSS. Copy one element or the whole page. No more “make it look like this” guessing games.
-
Copy CSS for any element
-
Export full page changes
-
Tailwind classes coming soon
Show, don't tell.
Send your dev team a link to the live page with your edits applied. They see exactly what you mean, on the real site, in their browser.
-
Shareable preview links
-
Shareable Screenshots
-
Comments on any element
CSS & Layout
CSS Inspector
Move Elements
Delete Elements
Page Outliner
Page Ruler
Visual Design
Colors
Typography
Image Replacer
Image & Media
Extract Media
Take Screenshots
Save as PDF
SEO & Meta Data
SEO Meta Inspector
Meta Tag Preview
Page Speed Analyzer
Accessibility Checker
Utilities
Cookie Editor
Clear Browsing Data
Site Stack
One price. Built to pay for itself in a week.
Most designers save more than this on their first dev handoff.
Pro plan
$10
month, billed yearly (or $20 monthly)
Everything you need to inspect, edit, and redesign any website right from your browser.
What's included:
- Visual inspect, element info, CSS extraction
- Visual inspect, element info, CSS extraction
- Drag & rearrange, delete, image swap
- Unlimited AI edits & style overrides
- Unlimited AI edits & style overrides
- Export to PDF & Figma
What's included:
- All future updates included
- Bring your own AI key (BYOK)
- No subscription, ever
- Founding member badge
- Direct line to the team
FAQ
Frequently asked questions
How to fix a Chrome session stuck on ‘Loading’?
This issue is caused if the Flash plugin is not enabled, or has crashed. Alternatively, if there are Flash blocker plugins installed in the browser, the connection will not work. If you are still stuck at Loading Flash, please contact support.
How do I invite users to my Organization? 05
This issue is caused if the Flash plugin is not enabled, or has crashed. Alternatively, if there are Flash blocker plugins installed in the browser, the connection will not work. If you are still stuck at Loading Flash, please contact support.
Can I copy-paste to the remote system in Live? 03
This issue is caused if the Flash plugin is not enabled, or has crashed. Alternatively, if there are Flash blocker plugins installed in the browser, the connection will not work. If you are still stuck at Loading Flash, please contact support.
How can I get notified about an idle session?
This issue is caused if the Flash plugin is not enabled, or has crashed. Alternatively, if there are Flash blocker plugins installed in the browser, the connection will not work. If you are still stuck at Loading Flash, please contact support.
How do I purchase a plan?
This issue is caused if the Flash plugin is not enabled, or has crashed. Alternatively, if there are Flash blocker plugins installed in the browser, the connection will not work. If you are still stuck at Loading Flash, please contact support.
What happens if my invoice incorrect details?
This issue is caused if the Flash plugin is not enabled, or has crashed. Alternatively, if there are Flash blocker plugins installed in the browser, the connection will not work. If you are still stuck at Loading Flash, please contact support.