Css Playground and Dom Tree

4.0 (

2 ratings

)

Extension Developer Tools 624 users

Item media 2 (screenshot) for Css Playground and Dom Tree

Item media 3 (screenshot) for Css Playground and Dom Tree

Item media 1 (screenshot) for Css Playground and Dom Tree

Overview

For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.

Extends DevTools! Works on ANY live web page - explore new css styles like you never have before.

4 out of 5 2 ratings
Learn more about results and reviews.

Details

Version

7
Updated

April 6, 2026
Flag concern
Offered by

Jody Brabec
Size

788KiB
Languages

English
Developer

Email

jodybrabec@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.

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

Support

CSS Used

4.4

Get all css rules used by the selected DOM and its descendants.

CSS Brio

5.0

CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers.

Hoverify: All-in-one extension for web developers

4.1

All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.

Dimensions Inspect | Gridman

4.0

Swiss army knife for front-end developers

DOM X-Ray

4.2

See through the DOM to visually debug CSS positioning.

HTML Visual Validation

4.4

HTML Visual Validation gives you information about the html elements, live, on page.

HTML & CSS Design Analysis

3.0

Helps you analyze an HTML page by disabling or enabling various features.

Outliner CSS

4.5

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

Debug CSS

4.4

When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail

Restyler

4.8

A devtool extension for easy restyling of any webpage

Amino: Live CSS Editor

4.3

Customize any website with your own CSS and see your changes instantly with Amino!

Live editor for CSS, Less & Sass - Magic CSS

4.6

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...