---
title: "Glass Showcase Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Sections. Glass Showcase Pro GlassShowcasePro is a scroll-driven 3D glass box for Framer, built with WebGL and Three.js."
canonical: "https://framer.elliotli.dev/component/glass-showcase-pro"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Glass Showcase Pro

# Glass Showcase Pro

Scroll Glass Box · Particle Reveal

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

![Glass Showcase Pro preview image 1](https://framer.elliotli.dev/og/component/glass-showcase-pro/01204a87d459e72d/1600x1200.jpg)

## Summary

Glass Showcase Pro GlassShowcasePro is a scroll-driven 3D glass box for Framer, built with WebGL and Three.js.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Get everything for one price:** [**https://ahmetloca.dub.link/allcomponents**](https://ahmetloca.dub.link/allcomponents)

## **About Glass Showcase Pro**

GlassShowcasePro is a scroll-driven 3D glass box for Framer, built with WebGL and Three.js. As users scroll, images transition through a particle explosion — particles burst outward, mix colors between frames and reform into the next image. Encased in a physically accurate glass with transmission, IOR refraction and optional HDR environment lighting. Premium, smooth and unlike anything on the marketplace.

Perfect for luxury product reveals, portfolio storytelling and brands that demand visual depth.

Cinematic particle explosion between up to 8 images

Physically accurate glass — transmission, IOR and thickness

Optional HDR environment map for realistic glass reflections

Float animation with configurable amplitude and speed

Particle grid W × H controls (up to 256×256)

Scroll direction — Left → Right or Right → Left

Image Fill — controls particle coverage on box face

Explosion Power — subtle scatter to dramatic burst

Fade Range — crossfade overlap and timing control

Alt text prop for SEO and screen reader accessibility

Respects prefers-reduced-motion automatically

Static fallback with img tag for crawlers and Framer export

**Use Cases**

Luxury watch and jewelry product pages

Perfume and cosmetics brand launches

Fashion and lifestyle landing pages

Portfolio and personal branding sites

Creative agency hero and feature sections

Photography and visual storytelling pages

SaaS premium feature highlight sections

Architecture and interior design portfolios

Event and product launch showcases

E-commerce premium product reveal pages

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

-   All · #1679

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-07-12
- **Updated**: 2026-07-29
- **Added**: 2026-07-12
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove