3D Rotated Cube delivers cinematic six-face displays that spin with cursor motion and touch gestures. Populate all sides with images/videos from uploads, plugins, URLs, or YouTube/Vimeo embeds—six unique faces, each with Contain/Fill/Cover sizing.

Built with real-time 3D transforms and physics-driven rotation, cubes respond fluidly to proximity while maintaining perfect perspective and shadows. Toggle auto-rotation, adjust X/Y axis speeds, fine-tune sensitivity, smoothness, size, border radius, and depth.

From gentle tilts to full 360° orbits, perfect for 360° product views, portfolio rotators, and immersive storytelling.

Key Features

Easy editing inside Framer Fully controllable through Framer's property panel. No code needed.

Multi-Format Media Support Upload images/videos directly, Add from Plugins, Direct URL, Embed (YouTube/Vimeo).

Flexible Face Sizing Contain/Fill/Cover for all six cube faces independently.

Cursor-Follow Rotation Real-time tracking with customizable sensitivity and smoothness (on/off).

Touch Adaptation Gyroscopic controls for mobile devices.

Auto-Rotation System X/Y axis speed controls + enable/disable toggle.

3D Rendering Controls Cube size, perspective, border radius, shadow opacity.

Perfect for 360° product showcases, multi-angle portfolios, interactive data cubes.

 

Best For 

360° product showcases

Multi-angle portfolio displays

Interactive data visualizations

E-commerce 3D previews

Creative agency hero sections

Architectural model viewers

Video compilation cubes

Experimental 3D typography

Where to Use 

    Hero section 3D features

    Product detail carousels

    Portfolio project presentations

    Feature comparison cubes

    Testimonial multi-face displays

    Interactive pricing tables

 Customization 

After completing your purchase, you will receive a link to the component. 

Copy the URL and paste it into your Framer project to import it.

 

Set up:

Drag the Component into your Canvas.

2. Set the Width and Height

3.  Position it inside your frame

4. Use Control Panel to adjust Content and Animation

 

Refund Policy 

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

 

Support 

For any queries and help setting up the component, contact Atemo.studio@proton.me