Panel API

Floating, draggable, resizable panels for the web — plain ESM, no build, no dependencies.

Core demos

Hello panel

The minimum viable example — one panel, one line of code.

Styling

Change color, font, and button look via CSS variables and parts.

Multiple panels

Stacking, focus, dragging, resizing.

Toolbox

Borderless, vertical panel of icon tools.

Live clock

A panel that updates over time and cleans up after itself.

Declarative

paneltarget / <section panel> HTML attributes.

ZUI demos

ZUI viewport

A panel layer next to a zooming/panning world surface.

Pinned panels

Panels that follow ZUI world coordinates.

Framing a page

framePage() wraps a normal webpage and panels float on top.

Documentation

API

Plugins

ZUI

Styling

Tutorials (use the CDN)

No ZUI — add a panel to any page

With ZUI — sibling world surface

ZUI framing the page content