Big Hero: CMS Plugin by Trirong Phasukyued

About this Plugin

# Big Hero — WebGL Gallery for Framer

A drop-in WebGL infinite-scroll photo gallery for Framer. Drag horizontally

to scroll, fast scroll lifts each image forward in Z and saturates color

from grayscale. Click any image to open a fullscreen lightbox with smooth

fade + zoom animation. The whole thing is one code component that ships

with six sample photos so you see it working the instant you drop it.

## Demo

url : https://template-sections-r3f.vercel.app/

## What you get (Free)

🎞️ Gallery · Infinite Scroll code component — port of pmndrs' R3F infinite-scroll example, polished for Framer
🪄 CMS Gallery binding via a 12-line Code Override — wire any Framer CMS Gallery field straight into the scroll track. Filter, sort, add, remove items live and the gallery updates without a reload.
🖼️ Lightbox detail popup — click any photo to open a fullscreen fade + zoom-in preview. Click anywhere or press Esc to dismiss.
🎨 Property-panel controls — background, headline color, headline text, headline size, scroll damping, distance, page count, lightbox toggle, backdrop color. No code-edits required.
🌬️ Velocity FX — images lift forward in Z and fade from grayscale to color the faster you scroll. Stops dead when the user releases.
🪶 Sample images included — six royalty-free interior photos preload from the bundle so a freshly-dropped component is never empty.
🛡️ Graceful fallback — buyers on browsers without WebGL still see a static image grid.
📐 Layout-friendly — fills explicit heights (100vh, 1fr, fixed px) via height: 100% + flex hints; minimum 200×360px so the drop is always visible even before the buyer sets a size.