rdev/liquid-glass-react
Some data may be outdated — see provenance labels.
Apple's Liquid Glass effect for React observed · 2026-09-26
Health v2 · maintenance only
27/100
- Activity 18
- Release rhythm 35
- Longevity 35
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 497
- days_rel: n/a
- days_push: 494
- n_releases_24m: 0
Adoption not part of the score
6263 stars · 407 forks observed · 2026-09-26
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A React component library that recreates Apple's Liquid Glass visual effect with configurable refraction, blur, chromatic aberration, and elastic mouse-following behavior. It wraps arbitrary child content in a glass container with hover and click effects.
Use cases
- add apple liquid glass effect to react app
- create glassmorphism cards in react
- frosted glass button component
- refraction displacement effect for ui
- animated glass container that follows the mouse
- chromatic aberration effect on web components
When to choose
- you want Apple's Liquid Glass look in a React project
- you need configurable glass effects (blur, saturation, elasticity, aberration)
- you want a drop-in component wrapping arbitrary children
When to avoid
- your primary target is Safari or Firefox, where displacement is not visible
- you need a framework-agnostic vanilla CSS solution
- you need broad browser compatibility for the full effect
Facets
library · maturity active
ui-components animation frontend-framework frontend web-development web-design browser cross-platform react glassmorphism liquid-glass css-effects typescript visual-effects nodejs
1 source
- readme: https://github.com/rdev/liquid-glass-react · fetched 2026-09-26 · 098f75d30f24
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| rdev/liquid-glass-react | main | 27 |
For agents
markdown · JSON · MCP: product_card(name="rdev/liquid-glass-react")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem