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
Click any element to reveal its full CSS: margins, fonts, colours, dimensions, and more.
Move Elements
Drag and reposition any element on the page to test new layouts without touching code.
Delete Elements
Remove any element from the pag: ads, banners, pop-ups in one click.
Page Outliner
Visualise the layout structure of any page with element outlines and hierarchy overlays.
Page Ruler
Measure any element, spacing, or distance on the page with pixel-perfect precision.

Visual Design

Colors
Extract the full colour palette of any page , hex codes, gradients, and brand accents ready to copy.
Typography
Identify every font in use , family, weight, size, line height, and letter spacing , at a glance.
 
Image Replacer
Swap any image on the page with your own asset instantly, perfect for mockups and client previews.

Image & Media

Extract Media
Download every image, SVG, and background asset from any webpage in a single action.
 
Take Screenshots
Capture full-page, visible-area, or selected-region screenshots with one click.
 
Save as PDF
Export any webpage as a high-quality, pixel-perfect PDF, ideal for client sign-offs and documentation.

SEO & Meta Data

SEO Meta Inspector
View, edit, add, and delete cookies for any page directly from the extension panel.
Meta Tag Preview
Preview exactly how a page appears when shared on Google, Twitter, and LinkedIn.
 
Page Speed Analyzer
Analyse page performance metrics, load times, render blocking, and optimisation opportunities.
Accessibility Checker
Surface contrast issues, missing ARIA labels, and accessibility violations on any page.

Utilities

Cookie Editor
View, edit, add, and delete cookies for any page directly from the extension panel.
 
Clear Browsing Data
Clear cache, cookies, history, and storage in one click, without opening browser settings.
Site Stack
Instantly detect what frameworks, libraries, CMSs, and analytics tools any website is running.

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:

Lifetime

one-time

$199

Pay once. Keep forever.

What's included:

FAQ

Frequently asked questions