Sidebar Tools

Shibisty

Free

GrapesJS:0.19.x0.20.x0.21.x0.22.x0.23.x

What's Included

Free to download & use
Open for personal & commercial use

New

Support The Creator

Use one-time or monthly support to thank the creator for this free product.

GrapesJS Compatible

Tested with GrapesJS 0.19.x, 0.20.x, 0.21.x, 0.22.x, 0.23.x

Free Download

Download and use in your projects for free

Editor Compatible

Designed for the GrapesJS open-source editor

Free to Use

Open for personal and commercial projects

GrapesJS plugin that turns the **Layers** panel into a split sidebar:

- **top** — the layer tree (unchanged)

- **bottom** — tabs **Style Manager** / **Component Settings**, shown only while the Layers tab is open **and** a component is selected

- a **drag handle** between the two halves (double-click resets it to 50/50)

The real Style Manager / Trait Manager DOM is **moved** into the bottom half while the Layers tab is open and moved back when you leave it — it is never re-rendered, so the managers' own top tabs keep working as before.

The plugin also remembers in `localStorage`:

- which Style Manager sectors are open,

- the active bottom tab and the height split,

- the active **global** tab (Styles / Settings / Layers / Blocks), re-opened after a reload.

Works with the default GrapesJS panels (e.g. `grapesjs-preset-webpage`) and with custom layouts that use `layerManager.appendTo`.

Ratings:

No reviews yet. Be the first to share your experience.

Share this item:

Last Update:Oct 2, 2026

Published:Oct 1, 2026

Versions:

0.19.x0.20.x0.21.x0.22.x0.23.x

Questions & Answers

No questions yet. Have something to ask?

Common problems this plugin can help fix

Real community questions on the same topic — see how others worked around them.

All issues →

Sidebar Tools

Shibisty

🐛 Common problems this plugin can help fix

Common problems this plugin can help fix