CubeGallery

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.