rdev/liquid-glass-react
1
0
Fork 0
Code Issues 17 Pull requests 2 Projects Releases Packages Wiki Activity Actions

Question: Possible CSS-only alternative to SVG-based LiquidGlass? #28

New issue
Open
opened 2025-12-29 07:05:50 -05:00 by zhangziyaoc · 0 comments
zhangziyaoc commented 2025-12-29 07:05:50 -05:00 (Migrated from github.com)
Copy link

Body

Hi, thanks for this great project — the LiquidGlass effect looks amazing.

I’m using liquid-glass-react in a real application and was wondering about the long-term direction of the implementation. Currently the effect relies on SVG filters, which gives great visual fidelity, but in larger, scroll-heavy pages I’m seeing higher GPU usage and power consumption.

Do you think the project would ever consider a pure CSS alternative (or optional mode), for example using:

backdrop-filter (blur / saturate)

layered pseudo-elements for highlights / sheen

lightweight refraction-style illusions (no SVG)

This could trade a bit of physical accuracy for better performance and easier composition in complex UIs.

Not a feature request — just curious about the design philosophy and whether a CSS-only approach would align with the project at all.

Thanks again!

Body Hi, thanks for this great project — the LiquidGlass effect looks amazing. I’m using liquid-glass-react in a real application and was wondering about the long-term direction of the implementation. Currently the effect relies on SVG filters, which gives great visual fidelity, but in larger, scroll-heavy pages I’m seeing higher GPU usage and power consumption. Do you think the project would ever consider a pure CSS alternative (or optional mode), for example using: backdrop-filter (blur / saturate) layered pseudo-elements for highlights / sheen lightweight refraction-style illusions (no SVG) This could trade a bit of physical accuracy for better performance and easier composition in complex UIs. Not a feature request — just curious about the design philosophy and whether a CSS-only approach would align with the project at all. Thanks again!
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
rdev/liquid-glass-react#28
No description provided.