---
title: "Glass Effect — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. glass effect to Pick a Shape and Distortion Shape combo that matches the mood you're after Adjust Size and Angle to set the scale…"
canonical: "https://framer.elliotli.dev/component/glass-effect"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Glass Effect

# Glass Effect

Look of fluted/ribbed glass

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

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

## Summary

glass effect to Pick a Shape and Distortion Shape combo that matches the mood you're after Adjust Size and Angle to set the scale and direction of the ribbing Fine-tune…

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

Recreate the look of real fluted/ribbed glass over any image — that streaked mix of clarity and obscurity you see through architectural glass panels, rendered in real time with full control over the grid, distortion, and lighting.

**Features**

-   5 grid shapes — pattern, wave, lines, irregular lines, and zigzag stripe layouts
    
-   5 distortion types — prism, lens, contour, cascade, and facete, each giving a different refraction character
    
-   Independent shadow & highlight coloring — layer soft gradients and thin antialiased strokes along the distortion for extra depth
    
-   Directional controls — rotate the grid angle, shift and stretch the texture along the stripes for asymmetric, non-repetitive looks
    
-   Edge & margin control — soften or frame the effect with per-side margins (top, right, bottom, left) and adjustable edge distortion
    
-   Grain layer
    
-   Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance
    

**Controls**

-   Image
    
-   Background / Shadow / Highlight Color
    
-   Shape: Pattern / Wave / Lines / Irregular Lines / Zigzag
    
-   Size
    
-   Angle
    
-   Distortion Shape
    
-   Distortion
    
-   Shift
    
-   Stretch
    
-   Blur
    
-   Shadows / Highlights
    
-   Edges
    
-   Margin
    
-   Grain Mixer
    
-   Grain Overlay
    
-   Scale / Rotation / Offset
    

**How to use**

1.  Add the Fluted Glass component onto your canvas
    
2.  Upload the image you want to apply the glass effect to
    
3.  Pick a Shape and Distortion Shape combo that matches the mood you're after
    
4.  Adjust Size and Angle to set the scale and direction of the ribbing
    
5.  Fine-tune Distortion, Blur, and Edges until the balance between clarity and obscurity feels right
    
6.  Optionally add Grain Mixer / Grain Overlay for extra texture
    

Shader powered by Paper Shaders.

**Refund Policy:**

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: [hi@alicorak.com](mailto:hi@alicorak.com)

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

-   All · #7977

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-03
- **Updated**: 2026-08-16
- **Added**: 2026-07-03
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo