Docs
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

Installation

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

Credits

  • 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.