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

Stats

By: https://www.livecsseditor.com

View on Chrome Web Store

Users: 30,000+

Rating: 3.81 (183)

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

Stats date:

Chrome-Stats Rank

# 4956 ▼ 94

Other rankings

#2520 in Developer Tools ▼ 2

#2 in css editor keyword 26

#32 in live keyword 49 ▲ 3

#37 in editor keyword 78 ▼ 1

#140 in text editor keyword 13 ▼ 5

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.

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

User reviews summary

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
Instant result displayed
Useful for testing website CSS codes

Cons

Outdated and abandoned project
No option to save edits for future visits
Some minor bugs

Most mentioned

Doesn't open at all
Outdated and abandoned project
No option to save edits for future visits
Easy to use
Instant result displayed

Recent reviews

No option to save edits for future visits. Which makes this add-on absolutely worthless since chrome developer tools allow you to edit CSS LIVE :/

A Google user, 2018-06-05

Sehr nützlich

A Google user, 2015-04-14

No option to save edits for future visits. Which makes this add-on absolutely worthless since chrome developer tools allow you to edit CSS LIVE :/

A Google user, 2018-06-05

View all user reviews

Safety

Risk impact

Live CSS Editor is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install Live CSS Editor if you trust the publisher.