Mouse Follow Effect Tailwind CSS Hero Component

Mouse Follow Effect Tailwind CSS Hero Component

Inspired by the iconic look of a cola drink, Red Cola is a playful mouse follow effect that adds a white circle to your mouse. Built using Tailwind CSS and Three.js

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.