---
title: "Glass — Free Framer component · Best of Framer"
description: "Free Framer component · by Jay Ji · Interactive. glass aesthetic into your design."
canonical: "https://framer.elliotli.dev/component/glass"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Glass

# Glass

[View on Framer](https://framer.com/marketplace/components/glass/?via=elliot-li)

![Glass preview image 1](https://framer.elliotli.dev/og/component/glass/f85ce0cf15b88416/1600x1200.jpg)

## Summary

glass aesthetic into your design.

## Description

## 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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #867

## Details

- **Author**: Jay Ji
- **Published**: 2025-08-11
- **Updated**: 2025-11-20
- **Added**: 2025-08-05
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step