---
title: "DiceBox3D — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Atemo Art · Interactive. 3D Animated Cube following cursor"
canonical: "https://framer.elliotli.dev/component/dicebox3d"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/DiceBox3D

# DiceBox3D

3D Animated Cube following cursor

[View on Framer](https://framer.com/marketplace/components/dicebox3d/?via=elliot-li)

![DiceBox3D preview image 1](https://framer.elliotli.dev/og/component/dicebox3d/84146e602a6b4ee6/1600x1200.jpg)

## Summary

3D Animated Cube following cursor

## Description

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:

1.  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](mailto:Atemo.studio@proton.me)   

## Rank history [How rankings work →](/terms#rankings)

-   All · #1107

## Details

- **Author**: Atemo Art
- **Price**: $10.00
- **Published**: 2026-04-09
- **Updated**: 2026-04-09
- **Added**: 2026-03-29
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step