Live CSS Studio

Extension Developer Tools

Item media 1 (screenshot) for Live CSS Studio

Overview

Write CSS or SCSS in a Monaco Editor side panel and apply it instantly to the active webpage.

Live CSS Studio lets you edit CSS and SCSS directly on any website and see the results instantly. It provides a powerful Monaco Editor inside Chrome's Side Panel, allowing developers and designers to prototype, test and refine styles without modifying source files. Features: Live CSS editing with instant preview. SCSS support. Monaco Editor (VS Code experience). Chrome Side Panel integration. Syntax highlighting and auto indentation. Per-website styles. Local storage (your styles stay on your device). No account required. No tracking or analytics. Perfect for frontend developers, UI designers and anyone who works with CSS.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.6.4
Updated
July 22, 2026
Flag concern
Offered by
Luay Abbas
Size
2.03MiB
Languages
English
Developer
Luay Abbas
Mathildenstr.25 Köln 51149 DE
Email
abbasluay1981@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

Support

For help with questions, suggestions, or problems, visit the developer's support site

CSS Scanner

0.0

Activate this extension to view CSS of any webpage or video site instantly in a popup.

CSS StylEditor

0.0

Edit CSS In Live Page

CSSync

5.0

Collaboratively inspect, copy, and live-edit CSS from any page.

CSS Scanly - Copy CSS | Tailwind & Bootstrap

5.0

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

InTab

4.0

edit any website's HTML and CSS visually

CSS Injection

3.0

Inject custom CSS into websites with a professional management dashboard.

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

HTML & CSS Code Viewer

0.0

Editeur de code HTML et CSS avec prévisualisation et panneau latéral. Importez, modifiez et visualisez facilement votre code.

Html Css Online

3.5

With html css online, you can directly edit HTML, CSS and JavaScript... Editor left is code and right is preview

HTML Viewer

4.8

Paste HTML or Markdown and instantly preview it.

CSS Extractor — Extract CSS from Any Website

5.0

Instantly extract clean, ready-to-use CSS for any element on any webpage. Stop digging through stylesheets manually.

Styler

5.0

Add custom CSS styles, JavaScript & jQuery to any websites