Docs
Mouse Follow Effect with Image Web Component

Mouse Follow Effect with Image Web Component

Endearing square that’s eager to tag along with your cursor.

This should be your Heading

This component is super easy to customize

Dependencies

  • React Three Fiber
  • React Three Drei
  • React Three Postprocessing
  • Three

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.