Docs
Spinning 3D Cube Effect in Tailwind CSS
Spinning 3D Cube Effect in Tailwind CSS
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.