Apple's Liquid Glass,
ported to the web.

Link the stylesheet and script. The script auto-initializes every component and attaches the refraction lens to each .lq-refract surface. Call LiquidUI.refresh() after injecting markup dynamically.

Capsule glass buttons with a tinted accent variant, plain text style, three sizes and icon buttons. Each press answers with a soft spring scale.

A glass thumb glides cleanly between options and emits a lq:change event.

The iOS toggle: the thumb stretches on press and settles with a spring.

Glass fills that tint to the accent colour with a spring-scaled mark.

Native range input with an accent-filled track and a glass thumb that grows when grabbed.

Glass input wells; the accent ring blooms on focus. Add --search for a capsule search bar.

The iOS inset settings list — one glass slab with hairline separators.

The floating glass tab bar — the centrepiece of Liquid Glass navigation.

A heavily-refracted glass sheet that springs in over a dimmed backdrop, plus glass toasts.