---
title: "Cube Gallery — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Lucas · Galleries. A scroll story on six faces"
canonical: "https://framer.elliotli.dev/component/cube-gallery"
---

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

# Cube Gallery

A scroll story on six faces

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

![Cube Gallery preview image 1](https://framer.elliotli.dev/og/component/cube-gallery/b87f521548b37e8c/1600x1200.jpg)

## Summary

A scroll story on six faces

## Description

Six images, one object, one story. Scroll and the cube turns - each face arrives exactly when its text does. The faces are real planes in CSS 3D space, so corners meet, edges catch the light, and the volume reads as a volume. Hidden faces are re-dressed while out of sight, so a gallery of twenty images turns inside six faces with no visible seam. Every scene carries its own tag, headline, paragraph and optional figures, entering in a staggered cascade - rule, tag, title, body - alternating left and right so the eye keeps moving. A HUD tracks where you are: percentage, progress bar, one dot per scene. The motion is frame-rate independent exponential smoothing, with optional wheel inertia that gives the scroll real weight. Palette, typography, cube size, perspective, scroll distance per face and every HUD element are exposed. Ships with a six-scene demo story so it looks finished the moment you drop it in. Pure CSS 3D - no library, no external request, respects prefers-reduced-motion, and renders a still frame inside the Framer editor so your canvas stays fast.

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

-   All · #8763

## Details

- **Author**: Lucas
- **Price**: $10.00
- **Published**: 2026-08-04
- **Updated**: 2026-08-04
- **Added**: 2026-08-04
- **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