Introducing v3 — a new editor, faster engine, and more.

See what's new
Resources
Exploration & spotlights 06:55

Component: Glass

A brief look at the Glass component, useful for creating popular liquid-glass effects.

In this component spotlight we'll take a brief look at the Glass component, useful for creating the popular liquid-glass looks you've seen across modern interfaces.

What's covered in this lesson

  • Adding the Glass component to a composition
  • How Glass refracts and distorts the layers beneath it
  • Tuning the material to get different glass styles
  • Pairing Glass with gradients and other components for the full liquid-glass look

Key concept

Glass is a distortion component: it works with whatever sits below it in the layer stack. The same component can read as frosted, polished, or liquid depending on how you tune it and what you place underneath.

Component: Digital looks

Next lesson

Component: Digital looks

06:42