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.



