Glass

Glass

Glass

A

light-bending

A

light-bending

A

light-bending

material

for

Framer

material

for

Framer

material

for

Framer

  • Glass

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.

Optic Effects

Advanced optic effects starting with chromatic aberration and color filters.

Simple

Paste Glass directly into your Framer project and edit with simple controls.

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