Mouse Follow Tailwind CSS Hero Effect

Mouse Follow Tailwind CSS Hero Effect

Watch your cursor turn into a glowing spoon, mixing up some virtual custard goodness as you move it around.

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


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