Live CSS Editor

Live Write CSS onto any page

What is Live CSS Editor?

'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

View on Chrome Web Store

Users: 30,000+

Rating: 3.81 (183) ▲ 1 new ratings

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

Creation date: 2014-12-02

Risk impact: High risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 2

Permissions:

tabs
<all_urls>

Size: 24.96K

URLs: Website

Ranking

# 5086 ▼ 35

Other rankings

#2801 in Developer Tools ▼ 1

#4 in css editor keyword 31

#34 in editor keyword 43 ▲ 20

#37 in live keyword 53 ▲ 12

#165 in text editor keyword 12 ▼ 12

Upgrade to see more rankings

Other platforms

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

Useful for testing website CSS codes before going live.
Helpful for fixing compatibility issues.
Easy to use.

Cons

Not supported and outdated.
No option to save edits for future visits.
Lacks documentation and has too many ads.
Issues with CSS changes disappearing.
Doesn't open or function properly.

Most mentioned

SuperDev Pro is a recommended alternative.
The extension is no longer supported.
No option to save edits.
Problems with the extension not opening.

Recent 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.