web liquid glass , by jvalaj :)

after seeing apple’s latest liquid glass ui update, i wanted to recreate a similar effect on the web using only html, css, svg, and javascript. i really love apple’s creativity and how much care goes into their interface design. this project builds liquid glass visuals through layered blur, refraction, subtle chromatic aberration, and interaction-driven motion, all without webgl or external libraries. focus is on performance, visual fidelity, and attention to detail using native web primitives.

Finder Maps Messages Notes Safari Books
Try hovering me!
Learn More
Product hero

A17 Pro chip

Pro performance

Game‑changing performance for everything.

Action button

Do more than ever

The Action button is a fast track to your favorite feature.

Pro camera system

Close‑up and farther out

Get incredible detail with the new camera.

Forged in titanium

Learn more

iPhone Air

The thinnest iPhone ever. With the power of pro inside.

iPhone Air

Privacy

Your data stays yours.

Environment

Made with recycled materials by 2030.

Accessibility

Built‑in features that work.

iPhone 17

Buy 1, get 4 free.

Apple Card

All credit on us. Spend freely.