Components
Cursor Dither Trail
A fluid, single-colour dither tail that follows the cursor. 100 % canvas-based, zero dependencies, fully customizable (colour, dot size, fade speed). Perfect for splash pages, hero sections, the pixel art retro feel or playful engagement.
// This is file with demos of your component
// Each export is one usecase for your component
import DitherTrail from "./components/ui/cursor-dither-trail";
export default function DemoTail() {
return (
<DitherTrail
className="w-screen h-screen bg-black"
trailColor="#D0FBB6"
dotSize={6}
fadeDuration={1000}
/>
);
}