DiceBox3D

3D Animated Cube following cursor

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

3D Animated Cube following cursor