5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tb8f,

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.

5a:[["$","$L5d",null,{"post":{"id":"019e06ea-abe2-783a-b781-8bd930436530","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aOWXjBxQSSL2pr90NqAZ","resolved":true,"title":"CubeGallery","body":"$5e","bodyJson":null,"introduction":"Interactive 3D cube image gallery","slug":"cubegallery","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/aOWXjBxQSSL2pr90NqAZ/cubegallery-gtTIHBpa5fOAozYBLhvQWVwzgYDhrs","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-24T06:30:14.206Z","updatedAt":"2026-05-08T09:27:25.974Z","publishedAt":"2026-05-08T09:28:23.266Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crispcomponents.framer.website/cube-gallery","price":"10","paymentUrl":"https://contra.com/payment-link/YA2i0j34-cube-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"G9wqQtrlCQabl0d6rypr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T09:28:23.266Z","updatedAt":"2026-05-08T09:28:23.266Z","reported":false}}],"$L5f"]

Suggested for you