Skip to content

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

@zhangziyaoc

Description

@zhangziyaoc

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions