When Apple introduced its “Liquid Glass” design language at WWDC 2025, I wanted to bring that look to the web.

liquid-glass-svelte is a lightweight component that lets you drop the same translucent, refractive panels into any Svelte project.

Works where backdrop-filter and mask compositing are supported.

Install from npm, import the component, and wrap any content to get the effect. The full source are on GitHub.

GitHub: https://github.com/Tozaburo/liquid-glass-svelte

I would love to hear your thoughts on this!

Thanks for taking a look!