---
title: "CubeGallery — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Heyuhm · Galleries. Interactive 3D cube image gallery"
canonical: "https://framer.elliotli.dev/component/cubegallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/CubeGallery

# CubeGallery

Interactive 3D cube image gallery

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

![CubeGallery preview image 1](https://framer.elliotli.dev/og/component/cubegallery/847ff46f4ed7ac74/1600x1200.jpg)

## Summary

Interactive 3D cube image gallery

## Description

Turn static image grids into a dynamic, immersive experience.

Cube Gallery is a fully interactive 3D component that lets you display your images across a rotating cube — with smooth drag interaction, elegant auto-rotation, and powerful layout control.

Whether you're showcasing a portfolio, product visuals, campaigns, or creative work, this component adds depth and motion that immediately grabs attention.

## What makes it different

Most galleries are flat.This one lives in 3D space.

Users can:

-   Drag to rotate the cube freely (like a map interaction)
    
-   Watch it smoothly auto-rotate when idle
    
-   Hover to focus on specific images
    
-   Experience depth with realistic perspective
    

It’s not just a gallery — it’s a visual centerpiece.

## Flexible content system

You can choose how you want to manage your images:

**1\. Shared Mode (Quick Setup)**Upload a single set of images and automatically apply them across all 6 faces.Each face uses a different randomized layout for visual variety.

**2\. Per-Face Mode (Pro-Level Control)**Assign completely different image sets to each face of the cube.Perfect for storytelling, campaigns, or structured visual layouts.

## Built for real-world use

-   Grid system (1×1, 2×2, 3×3 per face)
    
-   Supports up to 54 images
    
-   Automatic fill when images are missing
    
-   Clean spacing, rounded corners, and layout control
    
-   Works beautifully for portfolios, fashion, branding, and product pages
    

## Smooth interaction & motion

-   Click + drag rotation (intuitive and responsive)
    
-   Multi-axis auto-rotation (subtle, premium feel)
    
-   Hover interaction:
    
    -   Focus one image
        
    -   Dim the rest
        
    -   Slight cube scale-up for emphasis
        
-   Smart motion system that avoids jitter and flicker
    

## Fully customizable

Control everything directly from the Framer panel:

-   Grid size
    
-   Cube size & spacing
    
-   Perspective (depth)
    
-   Auto-rotation speed & variation
    
-   Drag sensitivity
    
-   Hover effects (dim & scale)
    
-   Background color
    

No code required — everything is adjustable visually.

## Perfect for

-   Portfolio websites
    
-   Creative studios
    
-   Fashion / editorial layouts
    
-   Product showcases
    
-   Landing page hero sections
    
-   Interactive storytelling
    

## Why this is worth it

Instead of building complex 3D interactions from scratch,you get a polished, production-ready component that just works.

Save hours of development time and instantly upgrade your visuals.

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

-   All · #11007

## Details

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