Repaint — Visual UI Inspector

Inspect and edit any website visually. Click to select, edit colors, fonts, spacing, and use Figma-style tools on any live page.

As of June 2026, Repaint — Visual UI Inspector has 9 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

Usersno change0%
9
9
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
2.3.0
Manifest V3
90-day change · In the last 90 days this extension 3 version updates, changed permissions.

History

9 snapshots

Tracking since Apr 16, 2026.

9.6450.35999999999999943Apr 16, 2026Jun 13, 2026
View as table
DateUsersRatingReviewsVersion
Apr 16, 20261.0.0
Apr 22, 20261.0.0
Apr 29, 20261.0.0
May 6, 20265.0011.0.0
May 11, 202615.0012.0.0
May 17, 202625.0012.0.0
May 30, 20265.0012.0.0
Jun 5, 202645.0012.0.0
Jun 13, 202655.0012.2.0
Now95.0012.3.0

Changelog

  • Jun 5, 2026
    permissions
    activeTab, storage, debugger
    activeTab, storage, scripting, debugger, sidePanel
  • May 6, 2026
    description
    🚀 Repaint — Inspect & Edit Any Website Visually
    
    Stop guessing. Start seeing.  
    Repaint lets you inspect, understand, and edit any website UI instantly — no code, no DevTools complexity.
    
    🔍 Inspect Any Element Instantly
    • Hover highlight to preview elements
    • Click to select and lock elements
    • Element summary with size and type
    • CSS classes and selectors with copy option
    • Color swatches for background, text, and borders
    • Font inspector with full typography details
    • Box model visualization (margin, border, padding)
    • Computed styles and CSS variables
    • Parent chain navigation
    
    🎨 Edit UI Live (No Code Needed)
    • Inline text editing directly on page
    • Color pickers for background, text, and borders
    • Padding and margin controls with live preview
    • Border radius adjustment
    • Font size and opacity controls
    • Z-index control for layering issues
    • Drag and move elements visually
    • Responsive preview (Mobile, Tablet, Laptop)
    • Undo / Redo with full history
    • Reset all changes in one click
    
    ⚡ Built for Real Workflows
    • Works on any website
    • No setup or build tools required
    • Runs fully in your browser
    • Ideal for developers, designers, and product teams
    
    💡 Why Repaint?
    DevTools are powerful but complex.  
    Repaint makes UI editing simple, visual, and fast.
    
    🔒 Privacy First
    • No data collection
    • No tracking
    • Everything runs locally
    🚀 Repaint — Visual Chrome DevTool for UI Editing
    
    Stop fighting with DevTools.
    Start editing UI like a designer.
    
    Repaint turns any website into a live, editable canvas — inspect, tweak, and redesign instantly.
    
    No code. No reload. No chaos.
    
    🔍 INSPECT (BUT BETTER THAN DEVTOOLS)
    
    Click any element → understand everything instantly.
    
    • Smart search → .class, #id, text → highlight live
    • Clean CSS view → no useless inherited noise
    • Box model → visual + editable
    • Color + font inspector → copy in any format
    • CSS cascade → see what’s overriding what
    • Live CSS editor → edit → see changes instantly
    • Smart copy → CSS / Tailwind / HTML in one click
    • DOM parent chain → navigate visually
    
    👉 Basically: DevTools without confusion
    
    🎨 VISUAL EDIT MODE (LIKE FIGMA ON LIVE SITE)
    
    Turn any website into an editable design tool.
    
    • Select → resize, inspect
    • Move → drag elements (snap to grid)
    • Text edit → change content inline
    • Style → colors, radius, opacity (live sliders)
    • Add → buttons, text, layouts
    • Duplicate / Delete → instant changes
    • Undo / Redo → full history
    
    👉 Feels like Figma + DevTools combined
    
    🖼 DESIGN OVERLAY (PIXEL PERFECT MODE)
    
    Compare design vs real site in seconds.
    
    • Upload screenshot / Figma URL
    • Adjust opacity
    • Spot spacing & alignment issues instantly
    
    👉 This is your “pixel-perfect cheat code”
    
    ⚡ WHY REPAINT?
    
    DevTools = powerful but slow & complex
    Repaint = fast, visual, intuitive
    
    • No setup
    • No build tools
    • Works on any website
    • Start in 5 seconds
    
    👨‍💻 BUILT FOR
    
    • Developers → faster debugging & CSS extraction
    • Designers → edit real UI like Figma
    • Founders → give visual feedback
    • QA → verify spacing & styles instantly
    
    🔒 PRIVACY
    
    • 100% local
    • No tracking
    • No data collection
    • Only AI feature uses API (optional)
    
    🆕 V2 HIGHLIGHTS
    
    • Full visual edit mode
    • Smart CSS + Tailwind export
    • Box model hover highlights
    • CSS cascade viewer
    • Undo/redo system
    • Clean premium UI
    
    💡 In short:
    Repaint is not another DevTool…
    It’s a UI superpower.
  • May 6, 2026
    short_description
    Inspect, understand, and visually edit any website in real time.
    Inspect and edit any website visually. Click to select, edit colors, fonts, spacing, and use Figma-style tools on any live page.

Permissions & access

Permissions
activeTabstoragescriptingdebuggersidePanel
Host access
<all_urls>

Screenshots

Repaint — Visual UI Inspector screenshot 1Repaint — Visual UI Inspector screenshot 2Repaint — Visual UI Inspector screenshot 3Repaint — Visual UI Inspector screenshot 4

About

🚀 Repaint — Visual Chrome DevTool for UI Editing

Stop fighting with DevTools.
Start editing UI like a designer.

Repaint turns any website into a live, editable canvas — inspect, tweak, and redesign instantly.

No code. No reload. No chaos.

🔍 INSPECT (BUT BETTER THAN DEVTOOLS)

Click any element → understand everything instantly.

• Smart search → .class, #id, text → highlight live
• Clean CSS view → no useless inherited noise
• Box model → visual + editable
• Color + font inspector → copy in any format
• CSS cascade → see what’s overriding what
• Live CSS editor → edit → see changes instantly
• Smart copy → CSS / Tailwind / HTML in one click
• DOM parent chain → navigate visually

👉 Basically: DevTools without confusion

🎨 VISUAL EDIT MODE (LIKE FIGMA ON LIVE SITE)

Turn any website into an editable design tool.

• Select → resize, inspect
• Move → drag elements (snap to grid)
• Text edit → change content inline
• Style → colors, radius, opacity (live sliders)
• Add → buttons, text, layouts
• Duplicate / Delete → instant changes
• Undo / Redo → full history

👉 Feels like Figma + DevTools combined

🖼 DESIGN OVERLAY (PIXEL PERFECT MODE)

Compare design vs real site in seconds.

• Upload screenshot / Figma URL
• Adjust opacity
• Spot spacing & alignment issues instantly

👉 This is your “pixel-perfect cheat code”

⚡ WHY REPAINT?

DevTools = powerful but slow & complex
Repaint = fast, visual, intuitive

• No setup
• No build tools
• Works on any website
• Start in 5 seconds

👨‍💻 BUILT FOR

• Developers → faster debugging & CSS extraction
• Designers → edit real UI like Figma
• Founders → give visual feedback
• QA → verify spacing & styles instantly

🔒 PRIVACY

• 100% local
• No tracking
• No data collection
• Only AI feature uses API (optional)

🆕 V2 HIGHLIGHTS

• Full visual edit mode
• Smart CSS + Tailwind export
• Box model hover highlights
• CSS cascade viewer
• Undo/redo system
• Clean premium UI

💡 In short:
Repaint is not another DevTool…
It’s a UI superpower.

Technical

Version
2.3.0
Manifest
V3
Size
920KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
ikfnaaklagfmmlgaecakeaobikjpccci
Developer ID
ufc1edb3cdafc7bc51f8ab9c9de5fcdaf
Developer Email
[email protected]
Created
Apr 15, 2026
Last Updated (Store)
Jun 6, 2026
Last Scraped
Jun 13, 2026
Website

Data sourced from the Chrome Web Store · last verified Jun 13, 2026.