panes-ui
A zero-dependency TypeScript library that turns any
<div> into a draggable, resizable component.
Unified mouse, touch, and pen input. ~5 KB min+gzip.
Drag a titlebar, grab an edge, try it on your phone.
State lives on the pane element.
// install npm install panes-ui // use import { Pane } from "panes-ui"; import "panes-ui/style.css"; const p = new Pane("#my-pane", { title: "Hello" }); p.open();
panes-ui makes any element a movable, resizable pane.
.d.ts typesTry resizing this pane from a corner — the content reflows.