00

Imagine you press your nose against a window on a rainy day. You can still see the street outside, but everything is a little soft and dreamy. That soft, see-through-but-not-quite feeling is where Liquid Glass starts.

Now grab a magnifying glass and look at its very edge — not the middle, the rim. Notice how things get stretched and bendy right at the curve? Straws look like they snap. Letters bulge. That bending is the secret ingredient. Liquid Glass puts a little bit of that bendy rim around your buttons and menus.

The four everyday pictures

Keep these four pictures in your head and you already understand Liquid Glass:

1. A wet window — you can see through it, but it's blurry and soft. (This is the blur.)
2. The rim of a magnifying glass — the edges bend and magnify whatever is behind them. (This is the refraction, the magic part.)
3. A smudge of Vaseline on glass — where the light hits, it catches a shiny, milky glint that slides as you move. (This is the specular highlight.)
4. A puddle bending a straw — dip a straw in water and it looks broken at the surface. Light bends when it moves between air and water (or air and glass). (This is why the edges bend — it's real physics called refraction.)

Put them together: a soft, see-through pane, floating just above your screen, that bends and magnifies the stuff behind its edges and catches the light as you tilt it. That's Liquid Glass.

Why isn't it just blur?

Lots of apps have done the "wet window" blur for years. People call that glassmorphism. It's nice, but it's flat — like a frosted shower door.

Liquid Glass adds the magnifying-glass rim. That one extra thing — the bending edges — is what makes it feel like a real piece of glass sitting on top of your screen instead of a sticker. If you only do the blur, you've made a frosted door. If you add the bending edges, you've made glass.

How do we fake real glass on a computer?

Computers can't grow real glass, so we cheat, cleverly:

• We take a picture of "how much should each edge pixel bend, and which way." Think of it as a secret treasure map where the colors mean "push this bit left," "push this bit up," and so on.
• The browser follows the treasure map and shoves the background pixels around near the edges — so the background looks bent, exactly like a real lens.
• Then we paint a shiny streak on top that follows your mouse or your phone's tilt, add a faint rainbow sparkle on the rim (real glass does that too), and drop a soft shadow underneath so the pane looks like it's floating.

Stack all those thin layers and — poof — a slab of glass.

A tiny catch

The bending trick uses a browser feature that, right now, only Chrome and its cousins (Edge, Brave, Arc, Opera) fully understand. In Safari and Firefox, the glass still looks lovely — soft, shiny, floating — it just skips the magnifying-edge part and shows the frosted-window version instead. LiquidLens handles this switch for you automatically; you don't have to do anything.

And if someone has told their computer "please, less see-through stuff, it's hard on my eyes," LiquidLens listens and turns the pane into a plain, solid, easy-to-read panel. Being pretty never beats being usable.

Where do I go next?

You now know the whole idea. When you're ready for the grown-up version:

• 01 · What is Liquid Glass — the real story, where Apple uses it, and the vocabulary.
• 02 · Optics & Physics — the actual bending math (the puddle-and-straw part, with numbers).
• 03 · Material Anatomy — every thin layer, from the bendy edge to the shiny streak.
• 06 · Web Implementation — how to build it, step by step.

Welcome to the glass. It's warm in here.