Ross ROSS = Recommend OSS · open-source software intelligence for agents

rdev/liquid-glass-react

Apple's Liquid Glass effect for React observed · 2026-08-28

github.com/rdev/liquid-glass-react · TypeScript · MIT (permissive) observed · 2026-08-28

Health v2 · maintenance only

30/100

  • Activity 26
  • Release rhythm 35
  • Longevity 32

Flags: no_releases

How is this computed?

round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.

  • gap_med: n/a
  • age_days: 449
  • days_rel: n/a
  • days_push: 446
  • n_releases_24m: 0

Full methodology

Adoption not part of the score

5985 stars · 388 forks observed · 2026-08-28

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

Member repositories

RepositoryRoleHealth v2
rdev/liquid-glass-reactmain30

For agents

markdown · JSON · MCP: product_card(name="rdev/liquid-glass-react")

Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem