Item logo image for WebBox — Element Editor

WebBox — Element Editor

5.0(

2 ratings

)
Item media 5 (screenshot) for WebBox — Element Editor
Item media 1 (screenshot) for WebBox — Element Editor
Item media 2 (screenshot) for WebBox — Element Editor
Item media 3 (screenshot) for WebBox — Element Editor
Item media 4 (screenshot) for WebBox — Element Editor
Item media 5 (screenshot) for WebBox — Element Editor
Item media 1 (screenshot) for WebBox — Element Editor
Item media 1 (screenshot) for WebBox — Element Editor
Item media 2 (screenshot) for WebBox — Element Editor
Item media 3 (screenshot) for WebBox — Element Editor
Item media 4 (screenshot) for WebBox — Element Editor
Item media 5 (screenshot) for WebBox — Element Editor

Overview

Click any element on any webpage to inspect and edit it, without opening dev tools.

Your personal web page sandbox. No more right-clicking to inspect elements in the developer console! *New Feature: Apply pre-defined CSS styles (90s Retro, Cyberpunk, etc.). This feature is currently experimental and is not perfect yet, but we are working on improving it every day. Have fun! With this extension, instantly select any element on a web page to identify and edit its content, styles, and attributes. Learn about HTML and the DOM — no prior developer tools or coding knowledge required. Download the code element-wise or as a full page. Includes a simple mode with minimal UI, and an advanced mode more features — such as a detailed CSS styles viewer. Great for testing and prototyping, UI sandboxing, and education. Or simply have some fun! (Don't go too crazy though.) This extension is currently in pre-release and completely free. We do not collect or store any user data.

Details

  • Version
    1.1.1
  • Updated
    July 6, 2026
  • Offered by
    Leoson Hoay
  • Size
    41.23KiB
  • Languages
    English
  • Developer
    Email
    leoson.public@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

VisBug

4.8

Open source browser design tools

CopyCss - Copy css scan from any website.

3.8

Copy css scan from any website.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Visual Inspect UI

5.0

Advanced Visual Inspector for Editing Web Page Elements.

HTML Auto-Clicker PRO

4.0

Clicks all HTML elements/tags specified on the web page you are on.

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

CSS Debugger

5.0

Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.

Web Code Extractor – HTML, CSS & JavaScript Grabber

0.0

Extract HTML, CSS, and JavaScript from any webpage. Pick individual elements or grab the full page.

Outliner CSS

4.5

Outline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.

Toggle checkboxes

3.5

Productivity tool to toggle all checkboxes (only non-disabled & readable once) on any page.

Outline HTML Elements

5.0

Outline HTML elements with a colorful border without affecting the layout to inspect website structure.

VisBug

4.8

Open source browser design tools

CopyCss - Copy css scan from any website.

3.8

Copy css scan from any website.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Visual Inspect UI

5.0

Advanced Visual Inspector for Editing Web Page Elements.

HTML Auto-Clicker PRO

4.0

Clicks all HTML elements/tags specified on the web page you are on.

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

CSS Debugger

5.0

Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.

Google apps