React Grain Cursor Component - Lightswind UI
A retro-dithered WebGL cursor shader component. Utilizes a Three.js ping-pong simulation buffer and an 8x8 Bayer ordered dithering matrix to render an authentic, high-speed particle grain cursor trail. Highly configurable with brush radius, decay, intensity, grain size, falloff exponent, color, and container-binding modes.
Key Details of React Grain Cursor
The Grain Cursor is a copy-paste component in the Cursor collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.
- Category: Cursor
- Fully responsive and dark mode compatible
- Production-tested in Next.js 15 & React 19
- Interactive animations and accessible markup