css-liquid-glass
Liquid glass for the web: real refraction of the live page with an SVG displacement filter in CSS backdrop-filter. No WebGL.
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
GITHUB · launched Nov 2, 2026 · 16 upvotes (top 93%) · 0 views
Niche: web design and css extraction tools · 49 launches, 5 in the last 7 days ▼ -44% · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- Not AI
- Hobby / open-source project
- backdrop-filter
- css
- glassmorphism
- liquid-glass
- svg
Visit website ↗ Source listing ↗
More like this: all 49 launches in web design and css extraction tools →
Could you build this?
Yes This is a CSS and SVG effect that uses backdrop-filter with an SVG displacement filter and a small TypeScript module. It is front-end code a solo builder can vibe-code, and the study even ships a porting guide.
Competitors
Other products that read as similar to this one : 294 launches clear the similarity bar, closest 8 shown.
Attention rank: #287 of 295 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).
Launched 325 days after the earliest competitor.
- LIQUID GLASS WEB · ph · 2026-10-31 · 1 upvotes · similarity 0.77
- glassy-liquid · github · 2026-10-17 · 16 upvotes · similarity 0.60
- liquid-glass-react · github · 2026-09-15 · 7 upvotes · similarity 0.60
- g1455 · github · 2026-10-03 · 20 upvotes · similarity 0.57
- true-liquid-glass-shojiwm · github · 2026-09-14 · 17 upvotes · similarity 0.57
- glasswork · github · 2026-11-05 · 45 upvotes · similarity 0.56
- glass-icon-reveal · github · 2026-10-23 · 26 upvotes · similarity 0.54
- Liquid Glass by The Atom · ph · 2026-10-29 · 1 upvotes · similarity 0.53
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.