I just built Liquid Glassifier: a tool that brings Apple’s new Liquid Glass aesthetic (introduced in iOS 26) to the web, with simplicity and actual depth.
I’m not a designer, but I do appreciate when things look and feel right and Liquid Glass... It’s just cool.
Lately, I’ve seen "Liquid Glass" thrown around online, but most of it ends up being just the usual glassmorphism — frosted blurs, translucent layers, and surface-level mimicry. It might look like glass at a glance, but it doesn’t feel like it. It’s static, shallow, and boring.
Apple’s take is something different: It moves, adapts, and feels alive and 3D.
Liquid Glassifier makes it easy to recreate and export your custom button for the web using a intuitive interface
- Realistic refraction using dynamic distortion (May not fully work in Safari due limited support to backdrop-filter and SVG filter) - Works in both dark and light scenarios, with smart contrast options - Ships as a Web Component — plug it into any React, Vue, or Vanilla project instantly - No build tools needed: just copy a <script> and use <sv-liquid-glass> in your HTML
I also open-sourced the Svelte code of the liquid glass button component, so you can fork, extend, or contribute if you want.
Would love your feedback, ideas, and break tests.
GitHub Repo: https://github.com/danilofiumi/liquid-glass-svelte