React Fluid Button Component - Lightswind UI
An advanced, premium button component featuring magnetic cursor-attraction dynamics and a fluid, gooey SVG liquid blob backdrop. The button moves organically towards the cursor within range, and morphs its internal gradient liquid drops dynamically based on hover status. Includes full light and dark mode styling adaptability.
Key Details of React Fluid Button
The Fluid Button is a copy-paste component in the Button collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.
- Category: Button
- Fully responsive and dark mode compatible
- Production-tested in Next.js 15 & React 19
- Interactive animations and accessible markup