CSS Hero V5 is here!

Today we're really excited to announce that after nearly one year of development CSS Hero V5 is almost ready to go on stage.

Each pixel and each function of our plugin have been re-thinked to make it better and to provide you a more powerful and intuitive tool to customise your WordPress Themes.

✉️    Your feedback is vital to make CSS Hero rock!
After testing it, please share your experience with us. Thank you so much for your time.

A new engine

We've rebuilt from the ground up the plugin, starting from its UX. Now powered by React, the interface feels much quicker, maximising your editing powers and bringing a better overall experience.

Better compatibility

CSS Hero compatibility on non natively compatible themes and plugins is now one huge step ahead as we've fixed all the issues related to weak or improper selectors.

David Brent
David Brent is a fictional character in the BBC television mockumentary The Office, portrayed by the show's co-creator, co-writer and co-director Ricky Gervais.

History, Recovery and Code Diff

Edits history has been improved to provide you a more accurate browsing among your edits history. Plus we've included a small life-saver option to restore 'last working' set in case of plugin crash or any accidental loss of edits.

  • 2021 / 03 / 19 - 9.51 AM
  • 2021 / 03 / 19 - 9.44 AM
  • 2021 / 03 / 19 - 9.37 AM
  • 2021 / 03 / 19 - 9.36 AM
    .profile-card .title{
         background-color: rgba(226, 47, 47, 1);
    .profile-card p{
         color: rgba(226, 47, 47, 1);
    .profile-card p{
         color: rgba(18, 23, 19, 1);
  • 2021 / 03 / 19 - 9.19 AM
  • 2021 / 03 / 19 - 8.50 AM
  • 2021 / 03 / 19 - 8.44 AM

HTML \ CSS Inspector

A built-in inspection tool, to accurately analize and target the right elements that you want to edit.

CSS Hero CSS HTML Inspector

JavaScript Editor

Adding your own JavaScript code and integrating popular libraries in your sites is now possible directly from the front page of your website with live linting and rendering.

Video Backgrounds

Video speaks louder than words and now you can bring your web pages to life with video backgrounds. A wide selection of free footage from Coverr is available at your fingertips.

Modern CSS Features

We have added a selection of the most important modern css properties, enabling you to reach for the sky maximize your CSS powers.

...And many more

Use any Font

Easily embed any kind of font, built-in support for Google Fonts, Typekit and now upload your fonts is available too! .otf,.ttf and .woff supported.

Sitewide preview

Watch how your CSS site edits propagate to every corner of your site and gather a global visual overview of your project

Style :hover states with ease

CSS Hero now allows you to easily get full control on theme :hover styles, simply enable the Show Hovers mode and have fun.

  • Home
  • Projects
    • Nike
    • Adidas
    • Saucony
  • Contacts
  • ...

Mobile Hot Reload

Want to live check how your edits really look on your mobile or on any handheld device? Simply point a QR code with any device and your edits will show live.

Fully themable

CSS Hero now ships with 6 built-in app themes as well as 20+ code themes, feel free to choose your favourite combination.

Ready to jump in? Get CSS Hero 5 now and let us know do you think about it.
Get V5