---
title: "Ultimate Gallery — Framer component · Best of Framer"
description: "$20.00 · Framer component · by Creative Apes · Galleries. The Ultimate WebGL Physics Gallery"
canonical: "https://framer.elliotli.dev/component/ultimate-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Ultimate Gallery

# Ultimate Gallery

The Ultimate WebGL Physics Gallery

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

![Ultimate Gallery preview image 1](https://framer.elliotli.dev/og/component/ultimate-gallery/e98dcb4c6b0e08a9/1600x1200.jpg)

## Summary

The Ultimate WebGL Physics Gallery

## Description

## Elevate Your Visual Storytelling with Elite Motion Design

The Ultimate Physics Gallery is not just another slider; it is a high-performance rendering engine built directly for Framer. Powered by **Three.js** and custom **GLSL Shaders**, this component brings a level of tactile interactivity usually reserved for high-budget, custom-coded award sites.

## ✨ Key Highlights

**Velocity Warp Effect:** Your media is no longer static. As you scroll or drag, the cards physically bend and stretch in 3D space. The shader calculates real-time velocity to apply a 'liquid' distortion that reacts to the intensity of your movement.

**Center Focus (Magnify):** Create a natural focal point for your users. Using the 'Center Focus' toggle, items automatically scale up as they pass the viewport midpoint, creating a cinematic zoom effect that guides the eye toward your most important content.

**Physics-Driven Momentum:** Forget rigid scrolling. This gallery uses a friction-based engine. Adjust the 'Drag Grip' and 'Friction' to define whether the carousel stops instantly or glides gracefully across the screen with natural inertia.

**Vertical-to-Horizontal Sync:** Seamlessly integrate horizontal motion into vertical pages. The carousel listens to the global scroll speed, allowing users to accelerate the horizontal flow simply by scrolling down the page.

**Infinite 3D Ticker:** Enable 'Auto Drift' to transform the gallery into a continuous, looping 3D ticker. Perfect for brand logos, product features, or atmospheric background elements.

### ⚙️ Complete Design Control

**Advanced Camera Optics:** You have full control over the 3D perspective. Adjust the **Field of View (FOV)** to create a telephoto or wide-angle look, and modify the **Camera Z-distance** to define the depth of the scene.

**SDF Corner Radius:** We utilize Signed Distance Functions (SDF) within the fragment shader to ensure that your corner radii remain perfectly smooth and anti-aliased, even while the geometry is warping and rotating in 3D space.

**Mixed Media Support:** Effortlessly mix high-resolution images and videos (MP4/WebM). The component features smart 'Play on Hover' logic and customizable brightness/exposure settings.

### 💡 Perfect For:

\* **Luxury Portfolios:** Showcase high-end photography with a tactile, physical feel.

\* **Product Showcases:** Use magnification to highlight specific product details.

\* **Modern Landing Pages:** Create high-impact hero sections with infinite 3D loops.

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

-   All · #9154

## Details

- **Author**: Creative Apes
- **Price**: $20.00
- **Published**: 2026-05-31
- **Updated**: 2026-04-14
- **Added**: 2026-03-25
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery