Dev Design Library

Liquid Glass

The primitive behind every glass component. Refracts the backdrop through an SVG displacement map, with a frosted fallback.

Liquid Glass preview
Library
Opaline
Framework
React
Type
ui
License
MIT
Dependencies
radix-ui
Install
npx shadcn@latest add @opaline/theme @opaline/liquid-glass
Files
  • registry/opaline/ui/opaline/liquid-glass.tsx
  • registry/opaline/lib/glass-refraction.ts
  • lib/utils.ts
Source
https://github.com/deepraj21/opaline

Categories

More from Opaline