---
title: "Scroll Glass Grid — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sirrah Space · Backgrounds. Enhance your Framer website with the Scroll Glass Grid component."
canonical: "https://framer.elliotli.dev/component/scroll-glass-grid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Scroll Glass Grid

# Scroll Glass Grid

Parallax glass block background.

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

![Scroll Glass Grid preview image 1](https://framer.elliotli.dev/og/component/scroll-glass-grid/e10634bcae0fb45c/1600x1200.jpg)

## Summary

Enhance your Framer website with the Scroll Glass Grid component.

## Description

Enhance your Framer website with the **Scroll Glass Grid** component. This advanced WebGL background creates a luxurious frosted glass block aesthetic. Behind the grid, vibrant fluid blobs organically morph and glide, generating dynamic, eye-catching color refractions.

Designed for maximum visual impact, it features a scroll-synced parallax engine via a sticky canvas layout, ensuring the glass texture shifts naturally as users scroll down the page. Built with raw GLSL shaders and a smart visibility sensor, it delivers buttery-smooth 60fps animations while preserving device battery and CPU resources. It is the perfect foundational element for creative agencies, SaaS landing pages, and premium portfolios looking for a highly interactive, high-tech touch.

**Functions (Key Features):**

-   📜 **Scroll Parallax:** Intelligently tracks page scroll for a natural, deep 3D illusion without performance drops.
    
-   ✨ **Glass Block Optics:** Simulates realistic frosted glass blocks with adjustable refraction, edge highlights, and deep shadows.
    
-   🎨 **Fluid Gradient Blobs:** Three distinct fluid color blobs merge and animate beautifully behind the glass layer.
    
-   🚀 **Smart Performance:** Utilizes an off-screen pause mechanism to automatically save CPU and GPU resources when not in view.
    
-   📐 **Grid Sizing:** Easily adjust the Block Size to create fine geometric textures or large, bold glass panels.
    

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

-   All · #5957

## Details

- **Author**: Sirrah Space
- **Price**: $5.00
- **Published**: 2026-05-12
- **Updated**: 2026-07-26
- **Added**: 2026-05-10
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background