Features

Let's customize your Workspace

🚀🔥🎓👑🎬🎨

Some of the features inside plugins are:

Box Model | 🚀🚀🚀

HSL color wheel

Blockpad code block editor

Custom attributes popup panel

Contrast ratio checker

Contrast level color suggestions

Quick access color and background color

Structure panel with HTML tags overview

Actions CLI (add multiple classes, rename multiple, delete multiple classes)

Custom Grid Guides

X-mode

Live server

Elements filter

Right click menu

Customizable Advanced icons

Keyboard shortcuts

Reset advanced

Class switcher | 🎬

Class switcher gives you nice overview of classes related to some element. You can jump from class to ID and vice-versa with just one click.

You could remove class from element with one click. To copy ID/class just double click on selector.

VIDEO: https://app.gemoo.com/share/home?codeId=DWN52epqmlEwL

Editor tweaks | 🎬

Recoda adds some opinionated changes to the Oxygen UI. While many users love these changes, you can disable them and have native Oxygen look with just one click. VIDEO: https://app.gemoo.com/share/home?codeId=M0dAg9xq7paxN

Design Token Hints | 🎬

Hints for CSS variables inside Oxygen Builder input fields.

VIDEO: https://app.gemoo.com/share/home?codeId=vz3o8Y178Nl62

Classic UI

Shortcuts hints

Code editor font size

Option label font size

Sidebar icons size

Structure panel spacing

Quick add elements

Quickflow (generate media query, copy class, copy ID)

In Editor shortcuts cheatsheet