Cubes Carousel

Overview

This component renders a rotating 3D cube-based structure, where multiple image-mapped cubes are arranged in a circular formation and animated using CSS 3D transforms. Each cube is fully three-dimensional with six customizable faces, smooth rotation, realistic reflections, and responsive behavior. Built specifically for Framer, it offers fine-grained visual and motion control through property controls.

Key Features

• True 3D cubes with six independent image faces

• Cubes arranged in a rotating circular formation

• Smooth continuous rotation with adjustable speed

• Configurable cube count, size, and spacing

• Realistic reflection effect for added depth

• Drag-and-drop cube image reordering

• Keyboard accessible and focusable cubes

• Fully customizable background and borders

• Framer-ready with live property controls

Best For

• 3D visual showcases and hero sections

• Portfolio and experimental design layouts

• Product or brand image presentations

• Motion-heavy landing pages

• Creative and tech-focused websites.