Introduction
A shadcn-compatible component registry recreating Apple's liquid glass material. Copy the code or install with the shadcn CLI — no npm package required.
Pane is not an npm package. Every component is source you copy into your own project — via npx shadcn add or by hand — so you own the code, can read it, and can change it.
Every component is built on top of one primitive, <Pane>, which recreates Apple's liquid glass material: real-time refraction at the edges, a pointer-reactive specular highlight, and spring physics on press — not just a blurred background.
Regular
Clear