Ribbon Gallery

About this Component

Ribbon gallery is an immersive WebGL portfolio carousel for Framer. Projects travel through an infinite ribbon with velocity bending, inertia, pointer parallax, smooth entry fades, hover ripples, media reveals, and a cinematic pill-to-gallery preloader.

Perfect For: Creative portfolios, agencies, case studies, photography, motion work, product showcases, and experimental landing pages.

Key Features: • 1 → 3 pill preloader that morphs into the first three projects • Infinite ribbon with drag, wheel/trackpad control, inertia, bend, and parallax • Image or video thumbnails for every project • Optional image/video hover reveal with shared ripple controls • Reveal size, softness, timing, refraction, glow, tilt, and ripple speed controls • Smooth neighboring and returning card fade-ins • Editable project names, links, labels, sizing, spacing, radius, and start position • Optional floor grid • Optional Scroll Up, Scroll Down, and Card Click audio with volume controls • Videos pause offscreen; reveal videos play only when needed • Render loop sleeps while idle and pauses offscreen or when the tab is hidden • Static Framer Canvas/export fallback

How It Works: Add your projects, choose image or video media, then customize the layout and motion. On load, one pill splits into three and morphs into Projects 1–3. Neighboring cards fade in afterward. Drag or scroll to explore, hover any card for the ripple/reveal, and assign links as needed. Sound is optional and off by default.

Questions? Reach out at hasanwali6890@gmail.com

Refund Policy: All sales are final for this non-tangible digital product. Refunds are available only for a confirmed critical technical failure that prevents the core function and cannot be reasonably resolved. No refunds are provided for buyer’s remorse, aesthetic preference, or post-purchase modification requests. Confirmed failures must be reported with evidence within 14 days of purchase.