Liquid-Glass utilities & tokens for Tailwind CSS v4. One preset — works in **React, Vue, Svelte, Astro, plain HTML** (anything that runs Tailwind).
| What you get | Class | CSS cost |
|---|---|---|
| GPU-blurred, saturated “glass” panel | .glass |
backdrop-blur + edge sheen |
| Widget block (no blur, axial gradient) | .widget |
dual-tone gradient + rim |
| Icon / tile with dual rim | .tile |
razor rim + inner glow |
| Design tokens | --glass-*, --widget-* |
tweak in one place |
No React dependency, no JS bundles, < 3 kB minified.
bun add -D @your-scope/glass-preset # bun
# npm install -D @your-scope/glass-preset
# pnpm add -D @your-scope/glass-preset