Glass
Glass+ brings striped glass to your designs. It supports Scroll Transform and Variants Animation , and offers rich controls that take web design to new heights.
Make it with Workshop
Build your own component with AI
Premium effects to your site.
Glass brings the modern glass aesthetic into your design. By simulating how glass prisms bend light, it produces striped distortions across the surface. Flowing streaks, color dispersion, and shimmering effects add finesse and elegance, giving your work a polished, contemporary appeal.
Glass deeply integrates WebGL into Framer, delivering refined visuals while preserving performance. Focus on your creative vision — then publish it with ease.
Features
Supports custom images and videos.
Adjustable properties to help you create unique effects.
Supports scroll animations and scroll-based transformations.
Works with Framer Variants for engaging sequence animations.
Compatible with Framer’s native Transition controller.
Additional helper settings for mobile-specific optimization.
High-performance animation engine built for production-level pages.
Precise control over animation endpoints — fully or partially reveal media content.
