Docs
Spinning Cube

Spinning Cube

A free interactive 3D Spinning Cube component built using Tailwind CSS and Three.js. Customize colors, cameras, lighting, and everything inbetween.

Basic Shape

Try and spin the cube

Installation

Install Dependencies

First you'll need to install component dependencies into your project.

npm i @react-three/fiber @react-three/drei 

Paste Component Code

Create a new component in your project and paste in the below code.

Serve your Application

Just like that. Your new component should render in your App.

Other things

Credits

  • 0xca0a - The master of inspiration. Thank you for all things Three.js related. A brilliant creator.