Interactive layout

resizable-panes-js JS Library Demos

Drag the handles, switch layouts, and change each pane’s size or visibility. Every control below updates the live canvas.

SIDE BY SIDE · RATIODrag the center handle

Pane controls

Pane

Size in pixels

Minimum and maximum sizes

Remember this layout

Handle