Live editor for CSS, Less & Sass - Magic CSS
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Edit CSS properties on the fly.
Review user movement over the last 30 days.
Track rating movement over time to see whether quality signals remain stable.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
Press the spacebar to pin it
Overview:
CSS Magic Inspector is a powerful Chrome extension designed for web developers, designers, and anyone working with CSS. It allows users to easily inspect, modify, and experiment with the CSS styles applied to any web element on a page, all without needing to dive into the browser's built-in developer tools. This tool is perfect for those who want a faster and more intuitive way to tweak styles on the fly.
Key Features:
Quick CSS Inspection:
Instantly view the CSS styles applied to any element by simply hovering over or clicking on it. This feature gives you a clear and immediate understanding of the styling, including inherited and computed styles.
Inspect the latest comments and rating distribution.
Review related products from the Chrome Web Store detail page.
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.
Inspect, compare and update CSS visually
Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.
Highlight the elements matching a given CSS selector.