shuding/liquid-glass
Copy-paste Liquid Glass shader with SVG observed · 2026-08-28
Health v2 · maintenance only
52/100
- Activity 74
- 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: 448
- days_rel: n/a
- days_push: 161
- n_releases_24m: 0
Adoption not part of the score
1136 stars · 57 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A copy-paste JavaScript snippet implementing an Apple-style Liquid Glass visual effect using SVG filters. It can be pasted into any website console to apply the glass distortion effect to page elements.
Use cases
- add liquid glass effect to a website
- recreate Apple's liquid glass UI effect in the browser
- apply SVG filter glass distortion to DOM elements
- experiment with SVG shaders for web visuals
- demo glassmorphism effects on any page
When to choose
- you want a quick copy-paste glass effect without dependencies
- you're prototyping liquid-glass style UI in the browser
- you want to learn how SVG filters can create distortion effects
When to avoid
- you need a production-ready, maintained UI component library
- you need cross-browser guaranteed rendering of the effect
- you need a framework-integrated component with tests and docs
Facets
library · maturity experimental
graphics animation ui-components web-development frontend graphics browser svg-filters shader copy-paste visual-effect liquid-glass javascript
1 source
- readme: https://github.com/shuding/liquid-glass · fetched 2026-08-28 · cbb0a2006925
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| shuding/liquid-glass | main | 52 |
For agents
markdown · JSON · MCP: product_card(name="shuding/liquid-glass")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem