Glass Showcase Pro

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Get everything for one price: 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