Live CSS Editor

Live Write CSS onto any page

▶

Live CSS Editor: Instant CSS Edits on Any HTML Page

'Live CSS Editor' is a Chrome extension that provides an on-page textbox for hassle-free CSS writing and editing on any HTML webpage. With a variety of customizable settings, this tool allows you to instantly see the results of your CSS edits. The extension saves your changes by default, can be easily toggled, and even alerts the user when attempting to access the editor in non-compatible areas. Its features include an adjustable editor size, style-saving options for revisited pages, and support for https URLs. This tool is designed for stress-free live CSS manipulation, making it handy for quick edits, product demonstrations, and testing new ideas.

Download

Extension stats

By: https://www.livecsseditor.com

Users: 20,000+

-10,000

Rating: 3.82

(181)

Version: 1.8.0 (Last updated: 2014-12-03)

Creation date: 2014-12-02

Risk impact: High risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 2

Permissions:

tabs
<all_urls>

Size: 24.96K

URLs: Website

Ranking

# 5,287 ▼ 819

Other rankings

#2802 in Developer Tools ▲ 8

#2 in css editor keyword 27

#9 in live keyword 55 ▲ 1

#15 in editor keyword 60 ▼ 1

#87 in text editor keyword 13 ▼ 1

Upgrade to see more rankings

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

This extension provides a text box on any HTML page so that you can write CSS freely and immediately see the results. I use it every day for quick edits, product demos and other testing out new ideas.

The extension options allow you to set a default key command to open and close the editor; turn off the warning that is shown when you close the editor; and enable or disable the automatic saving of your changes when you close the editor.

Version 1.8.0 includes the following changes:

The ability to set a default editor size
Warnings and error messages when trying to use the editor in places that it won't work
Improved the CSS to make sure it isn't impacted by other page CSS
Use the Chrome Keyboard Shortcuts instead of a custom shortcut (BREAKING CHANGE)
Code cleanup

Version 1.7.3 is mostly a version bump for manifest 2 support. It just brings it up to support the latest versions of Chrome.

Version 1.7 includes:

Ability to move the window left / right as well as top / bottom.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Easy to use and helpful for testing website CSS codes
Useful for fixing compatibility problems on websites
Fun to use

Cons

No longer supported and considered outdated
Lacks documentation and proper support
No option to save edits for future visits
CSS changes disappear after edits or page reload
Difficult to resize elements

Most mentioned

SuperDev Pro is a recommended alternative
No proper documentation available
CSS changes are inconsistent or problematic

User reviews

its great extension. I use Live CSS Editor regulary for testing website css codes before running on live website or sometimes when some websites have little compatiblity problem I use this to fix the view for myself. thanks alot.