Reorder tabs, move them across panels, or drop them into new split zones.
Build flexible interfaces that split, resize, and rearrange.
Tilery gives you draggable tabs, resizable panels, persistent layouts, and a programmable core for complex product surfaces.
Try it — resize, drag, drop.
Loading interactive preview…
The primitives for panel-based apps.
Split dividers are derived from the layout tree automatically.
Bring your own tab headers, panel content, icons, and interaction chrome.
Tune the default surface with CSS variables instead of replacing the whole renderer.
Install @tileryjs/react for apps; use tilery directly for framework adapters and layout tooling.
panel.split()
Split, append, insert, remove, activate, swap, and inspect layouts from product code.
Detach a panel into a draggable overlay, or pop it out into its own browser window.
{ "panels": 2,
"tabs": 7 }Serialize the whole layout — tabs, splits, sizes, and active views — then restore it exactly.
Freeze resizing, dragging, dropping, or closing wherever you need it.