Title: Instant CSS
Author: dylanblokhuis
Published: <strong>27 marca 2019</strong>
Last modified: 21 września 2023

---

Search plugins

![](https://ps.w.org/instant-css/assets/banner-772x250.jpg?rev=2060606)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/instant-css/assets/icon-128x128.png?rev=2058582)

# Instant CSS

 By [dylanblokhuis](https://profiles.wordpress.org/dylanblokhuis/)

[Download](https://downloads.wordpress.org/plugin/instant-css.zip)

 * [Details](https://szl.wordpress.org/plugins/instant-css/#description)
 * [Reviews](https://szl.wordpress.org/plugins/instant-css/#reviews)
 * [Development](https://szl.wordpress.org/plugins/instant-css/#developers)

 [Support](https://wordpress.org/support/plugin/instant-css/)

## Description

Use the power of Visual Studio Code in WordPress to write your CSS or SCSS

The plugin uses autoprefixer to parse your CSS/SCSS into CSS that will work on older
browsers, no need to write -webkit, -moz or -o.

You can also choose to use SCSS, more info about SCSS here: https://sass-lang.com/
guide

#### Features

 * Use all the powerful features from Visual Studio Code
 * Your CSS gets compiled with autoprefixer to work on older browsers
 * Use SCSS to create efficient stylesheets with variables, mixins, etc.
 * Option to minify your CSS to reduce loading times
 * No refreshing on saving
 * Live editor updating styles on save and have the browser update simultaneously

## Reviews

![](https://secure.gravatar.com/avatar/5999123009d2c98889f3170c93c4cd60b40ce8d7c0eccc06f46e24e27bf82e06?
s=60&d=retro&r=g)

### 󠀁[What an amazing CSS and SCSS plugin!](https://wordpress.org/support/topic/what-an-amazing-css-and-scss-plugin/)󠁿

 [Manou Allou](https://profiles.wordpress.org/manouallou/) 4 lipnia 2024

This plugin is really powerful, really well coded and full of useful features. A
big thank you to the developer. Let’s hope it keeps getting updated.

![](https://secure.gravatar.com/avatar/975cf60fcc085c0a2ff4b05cdcc75404e69fae56d1adc07491be8700df483c3e?
s=60&d=retro&r=g)

### 󠀁[The Best CSS Editor for WordPress](https://wordpress.org/support/topic/the-best-css-editor-for-wordpress/)󠁿

 [jonahcoyote](https://profiles.wordpress.org/jonahcoyote/) 4 siyrpnia 2023

Super easy to use, dark mode, SCSS, minification. What more could you ask for?

![](https://secure.gravatar.com/avatar/9a9077f403597a4c1a142ce35261d90231f0f95a1e7074d922e614ea928183ed?
s=60&d=retro&r=g)

### 󠀁[Best css editor, when do u release the 2.0 ?](https://wordpress.org/support/topic/best-css-editor-when-do-u-release-the-2-0/)󠁿

 [jeyqreative](https://profiles.wordpress.org/jeyqreative/) 30 listopada 2021

For me the best css editor plugin, like visual code but need an upgrade to be up
to date 😉

![](https://secure.gravatar.com/avatar/0eed69e86bc483bd53c344cd274f94742cf3e34eaad52760b22d8cf79f447960?
s=60&d=retro&r=g)

### 󠀁[Finally! A CSS plugin that supports SCSS](https://wordpress.org/support/topic/finally-a-css-plugin-that-supports-scss/)󠁿

 [netalys](https://profiles.wordpress.org/netalys/) 3 grudnia 2020

I do not often write reviews but I had to ! Your plugin is just awesome ! I can 
write SCSS directly, there’s a live editor… What else ? Amazing job ! I can not 
recommend more a plugin then this one.

![](https://secure.gravatar.com/avatar/34b86516e5717ffb9c9d2cbedf6310821c3989d295d92fb9be78724014fc05d4?
s=60&d=retro&r=g)

### 󠀁[Only affects Custom CSS, not Theme Editor](https://wordpress.org/support/topic/only-affects-custom-css-not-theme-editor/)󠁿

 [spinhead](https://profiles.wordpress.org/spinhead/) 18 listopada 2020

I don’t use the Custom CSS tool, I do all my edits in the Theme Editor (I create
custom themes, so I’m working in my own code, not something that will be overwritten
by a theme update.) If this worked in the Theme Editor, it would indeed be the best
plugin ever.

![](https://secure.gravatar.com/avatar/759078d183af6a7d524ce4c3859a4feb76d6497b394f8a64d39884afaed99c04?
s=60&d=retro&r=g)

### 󠀁[Now I also like wordpress](https://wordpress.org/support/topic/now-i-also-like-wordpress/)󠁿

 [trickinicki](https://profiles.wordpress.org/trickinicki/) 17 września 2020

Was looking for this easy possibility to make structured css! Thanks Only one little
question the icons from the font „codicon” are not working. Anything I can do to
get that working?

 [ Read all 15 reviews ](https://wordpress.org/support/plugin/instant-css/reviews/)

## Contributors & Developers

“Instant CSS” is open source software. The following people have contributed to 
this plugin.

Contributors

 *   [ dylanblokhuis ](https://profiles.wordpress.org/dylanblokhuis/)

[Translate “Instant CSS” into your language.](https://translate.wordpress.org/projects/wp-plugins/instant-css)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/instant-css/), check
out the [SVN repository](https://plugins.svn.wordpress.org/instant-css/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/instant-css/) by
[RSS](https://plugins.trac.wordpress.org/log/instant-css/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2.2

 * Fix bug in permissions

#### 1.2.1

 * Test WordPress 6.3

#### 1.2.0

 * Fixed CSRF vulnerability and updated monaco editor to the latest version

#### 1.1.5

 * Fixed Broken Access Control

#### 1.1.4

 * Upgraded monaco editor to the latest version, fixes scrolling in some browsers.

#### 1.1.3

 * Updated monaco editor to the latest version

#### 1.1.2

 * Fixed minify issue

#### 1.1.1

 * Fixed iframe reload issue

#### 1.1.0

 * New feature: Live editor. You can now write your css and watch the browser update
   whenever you save.
 * You can now save using CTRL + S

#### 1.0.2

 * CSS is now written and loaded from a file

#### 1.0.1

 * Fixed bug with quotes
 * Added minifying

#### 1.0.0

 * Launched.

## Meta

 *  Version **1.2.2**
 *  Last updated **3 lŏt ago**
 *  Active installations **4.000+**
 *  Tested up to **6.3.8**
 *  Language
 * [English (US)](https://wordpress.org/plugins/instant-css/)
 * Tags
 * [css](https://szl.wordpress.org/plugins/tags/css/)[custom css](https://szl.wordpress.org/plugins/tags/custom-css/)
   [sass](https://szl.wordpress.org/plugins/tags/sass/)[scss](https://szl.wordpress.org/plugins/tags/scss/)
 *  [Advanced View](https://szl.wordpress.org/plugins/instant-css/advanced/)

## Ratings

 4.9 out of 5 stars.

 *  [  14 5-star reviews     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/instant-css/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/instant-css/reviews/)

## Contributors

 *   [ dylanblokhuis ](https://profiles.wordpress.org/dylanblokhuis/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/instant-css/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=69ZRVBGGJ6QJL&source=url)