![](https://framerusercontent.com/images/X8Yz0G4i7LuXVMIwlz2NkjAfUc.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/IvfInhzkHHJOLL3Fn58UehP6ME.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/BZpUGeb0CjEzrPWs75mCHFEaPV0.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/m60DgYKZhoAUfxKf3LPKg5Nxseo.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/EDcNuORqteWBbUSkhhQShELRP1M.jpg?scale-down-to=2048)
Features
Masks
Combine multiple patterns like lines and gradients to etch into your glass.
Overlays
Create light-blocking overlays from the same customisable set of patterns.
Custom
Upload your own SVG and
PNG patterns.
![](https://framerusercontent.com/images/Qa3EKDq9IwWdeOco22FjE7vAKI.jpg)
Optic Effects
Advanced optic effects starting with chromatic aberration and color filters.
![](https://framerusercontent.com/images/TE1SFRlSnUqs21AA61eint8LzPg.png?scale-down-to=512)
Simple
Paste Glass directly into your Framer project and edit with simple controls.
![](https://framerusercontent.com/images/Z43scUYqG855ODOCWVHDzhqrtTc.jpg)
Versatile
Use as transparent layer or apply to content as a filter.
FAQ
How's the performance?
What's cross-browser compatibility like?
Can I use Glass in my paid templates?
Can I use Glass in my code components?
Why are my effects not visible?
How do I receive updates?
Glass up your Framer project
Glass and Filter modes
Chromatic aberration
Blur and saturation
Color filters
Mask and overlay patterns
Buy once, use forever