@pane
Liquid glass components for React.
We couldn't automatically resolve a GitHub repository for @pane, so maturity metrics aren't available. Visit the homepage below for the registry's components.
Classification
License, pricing and purpose
- License
- Unknown
- Unknown: No repository data.
- Access
- Unknown
- No repository data to judge from.
- Purpose
- A collection of React components recreating Apple's liquid glass material with real refraction, pointer-reactive light, and spring physics.
- Commercial model
- Free
- Everything the project offers is free to use, with no paid tier. Donations and sponsorships do not count as paid.
- Tied to a service
- No
- Yes when the components are a client for a commercial API or service.
- Scope
- Add-on collection
- Many components across several areas that complement shadcn/ui instead of replacing its primitives, such as effects, animated or advanced components.
- Domains
- Animation
- Animation: Animated components, motion effects and transitions.
- Design
- Distinct look
- Has its own visual language that no longer reads as shadcn/ui, such as neobrutalism, retro pixel art, glassmorphism or skeuomorphism.
- Coverage
- 14%
- Share of shadcn/ui core primitives that the registry ships.
- Design distance
- 0.69
- Measured on sample items: 0 is identical to vanilla shadcn/ui, 1 is entirely different.
Evidence
-
“10 components · MIT licensed · React 19 + Tailwind v4”
commercial · homepage ↗ -
“Pane — Liquid glass components for React. A shadcn-compatible component registry recreating Apple's liquid glass material.”
scope · homepage ↗ -
“A component registry that recreates Apple's liquid glass material — real refraction, pointer-reactive light, spring physics.”
design · homepage ↗ -
“real refraction, pointer-reactive light, spring physics.”
domains · homepage ↗
AI-suggested by google/gemini-3.8-flash@Google AI Studio on 2026-10-02
Usage
Install
Add components from this registry with the shadcn CLI (configure the registry URL in your
components.json):
pnpm dlx shadcn@latest add @pane/[component]
endpoint: https://pane.theui.company/r/{name}.json
README
Embed the maturity badge
Add a live maturity badge to your README:
[](https://shadcn.sealambda.com/registry/pane/)