Mouse Click Ripple

Spawns an expanding ripple effect originating from the click coordinate.

Click anywhere to see the ripple effect

Installation

bash

npm install motion

Usage

tsx

import MouseClickRipple from '@/components/ui/mouse-click-ripple';

<MouseClickRipple
  color="#3b82f6"
  size={24}
  duration={500}
  className=""
/>