Follow Cursor

Colorful, fluid cursor trails that respond to mouse movement

Installation

npx shadcn@latest add https://scrollx-ui.vercel.app/registry/followcursor.json 

Usage

import Followcursor from "@/components/ui/followcursor";

<Followcursor
  className="my-custom-class"
  style={{ height: "400px" }}
  colors={["#FF6B6B", "#4ECDC4", "#3A86FF"]}
  thickness={{ min: 20, max: 80 }}
  count={{ min: 10, max: 20 }}
  bgColor="rgba(10, 10, 20, 0.9)"
/>

API Reference

FollowCursor

The FollowCursor component creates beautiful, fluid lines that follow the user's cursor with smooth animation. It uses WebGL for high-performance rendering and provides a visually engaging interactive element.

Props