3D Tailwind CSS Hero Component

3D Tailwind CSS Hero Component

We’ve blended the sleek style of Tailwind CSS with the 3D magic of Three.js to create something that’s not just visually awesome but super interactive too

This should be your Heading

This component is super easy to customize


Install Dependencies

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

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


  • 0xca0a - The master of inspiration. Thank you for all things Three.js related. A brilliant creator.
  • Windstatic - For their amazing Tailwind CSS components. Forever a lifesaver when building.
  • Bruno Simon - Mr Three.js. The very best teacher.