---
title: "3DCubeGallery — Free Framer component · Best of Framer"
description: "Free Framer component · by Talha Manzoor · Galleries. Interactive 3D image gallery cube"
canonical: "https://framer.elliotli.dev/component/3dcubegallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/3DCubeGallery

# 3DCubeGallery

Interactive 3D image gallery cube

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

![3DCubeGallery preview image 1](https://framer.elliotli.dev/og/component/3dcubegallery/f1579842ab100cdf/1600x1200.jpg)

## Summary

Interactive 3D image gallery cube

## Description

**A premium 3D cube component with physics-based rotation and customizable image grids on all six faces. Features smooth drag-to-rotate interaction, auto-rotate mode, momentum physics, idle animations, and dynamic lighting effects. Perfect for portfolios, product showcases, and interactive presentations. Key Features: - Drag-to-rotate with mouse or touch. Auto-rotate mode (X, Y, or both axes) - Customizable grid layouts (2x2 to 6x6) - Up to 36 image slots per face - Hover scale effects on tiles - Transparent faces for true 3D depth - Snap-to-angle option - Optional overlay text on front face - Grayscale filter toggle - Reset rotation control - Fully responsive and mobile-optimized Customizable Properties: _Rotation Controls:_ - Sensitivity X/Y (0.1-3x) - Spring stiffness (50-300) - Spring damping (5-50) - Momentum on/off - Snap to angle (30°-180°) _Auto-Rotate:_ - Enable/disable - Speed (0.1-2x) - Axis (X, Y, or both) _Visual Settings:_ - Grid density (2x2 to 6x6) - Tile gap (0-20px) - Cube size (150-600px) - Perspective depth (500-2000px) - Lighting intensity (0-0.8) - Edge smoothing (0-5px) _Effects:_ - Hover scale (1.0-1.2x) - Hover effect on/off - Grayscale filter on/off _Images:_ - 6 face arrays (Front, Back, Left, Right, Top, Bottom) - Each face supports up to 36 images - Position-based slot assignment - Default placeholder images included _Overlay:_ - Custom text on front face - Text color - Font controls (size, weight, family, spacing).**

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

-   All · #5672

## Details

- **Author**: Talha Manzoor
- **Published**: 2026-05-13
- **Updated**: 2026-05-12
- **Added**: 2026-04-30
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.