Rotating Cube

The 3D Rotating Cube Image Slideshow brings motion, depth, and interactivity to your Framer projects. Each face of the cube displays an image with optional internal slideshow transitions, creating a visually immersive rotating gallery. The cube auto-rotates smoothly, pauses on hover, and allows users to manually rotate via drag — fully optimized for both desktop and mobile experiences.

Customize cube size, spinning speed, rotation direction, perspective depth, border radius, and per-face images. Whether highlighting products, artwork, photos, or brand visuals, this component adds a memorable 3D interaction that instantly elevates user experience.

Perfect for portfolios, landing pages, hero sections, product reveals, event promotions, and modern interactive websites.

✨ Key Features

• 🔄 Auto-spin rotating 3D cube animation

• 🖱 Manual drag rotation (desktop & mobile supported)

• 🖼 Upload unique images for all 6 faces

• 🎞 Built-in slideshow animation per face

• ⏸ Pause on hover

• 🔧 Fully customizable:

  • Cube size & perspective depth

  • Rotation direction & speed

  • Border radius

  • Auto-rotate toggle

  • Mobile drag sensitivity

• 🧊 Smooth 3D rendering with preserve-3D transform

• 🌐 High performance and optimized for modern browsers

📍 Best For

• Designer & agency portfolios

• Product photos or feature highlights

• SaaS dashboards & feature slides

• Brand & logo presentations

• Creative landing page hero sections

• Photography & art galleries

• Event / conference promo blocks

📦 Where to Use

• Hero sections

• Mid-page visual highlight blocks

• Portfolio project showcases

• Interactive promo sections

• Landing page product headers