component
CubeGallery
By Heyuhm
Details
- HeyuhmAuthor
- componentType
- $10.00Price
- 2026-05-08Published
- 2026-05-08Updated
- 2026-04-24Added
- GalleriesCategories
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.
Introduction
Interactive 3D cube image gallery
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #7908