FAIR

Federated and Independent Repositories

Instant CSS

Plugin Banner

Instant CSS

by dylanblokhuis

Download
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

What an amazing CSS and SCSS plugin!

By Manou Allou (manouallou) on July 4, 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.

The Best CSS Editor for WordPress

By jonahcoyote on August 4, 2023

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

Best css editor, when do u release the 2.0 ?

By jeyqreative on November 30, 2021

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

Finally! A CSS plugin that supports SCSS

By netalys on December 3, 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.

Only affects Custom CSS, not Theme Editor

By spinhead on November 18, 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.

Now I also like wordpress

By trickinicki on September 17, 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?

Great!!

By paulksi (paulfreq) on August 12, 2020

Really useful plugin, the only thing whats missing is to resize the coding area, so annoying to type in a such cramped space or at least integration of word wrap would be great, thanks!

This should be the most downloaded CSS plugin

By Mina Nielsen (moorlater) on July 2, 2020

Honestly, this is the only sane way of writing CSS inside WordPress, making the experience as good as coding on your computer in a proper editor. I don't understand why this doesn't have thousands of downloads. It's been a massive game-changer at our agency, allowing people at all levels to start learning and using SASS. A couple of things that could improve on this:
  • Support for multiple files, so we could use SASS partials.
  • An improved live editor, which feels a little rudimentary. For example, offer an option to align the editor underneath the preview pane, and add buttons to resize the preview pane (similar to customizer) for testing responsive design.
But anyway, soooo much gratitude. If you need more support to keep developing this, we'd be completely behind paying for a pro version, as long as there's developer option for unlimited sites, because Instant CSS is basically part of our WordPress Core here now 😊 Thanks again!

Speeds up your development process

By Alex R. (Dreamfish) on May 22, 2020

This is an awesome plugin. It really helps me as developer to speed up my development process. Heads up!

Amazing!

By youssefzidan on November 26, 2019

I really love it and i hope to add all the features inside VS Code like formatting the document

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.
Back to top