About DiceBox3D
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 FramerFully controllable through Framer's property panel. No code needed.
Multi-Format Media SupportUpload images/videos directly, Add from Plugins, Direct URL, Embed (YouTube/Vimeo).
Flexible Face SizingContain/Fill/Cover for all six cube faces independently.
Cursor-Follow RotationReal-time tracking with customizable sensitivity and smoothness (on/off).
Touch AdaptationGyroscopic controls for mobile devices.
Auto-Rotation SystemX/Y axis speed controls + enable/disable toggle.
3D Rendering ControlsCube 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
