Ferrofluid
A glossy sea of magnetic fluid where swells of spikes roll in and the cursor raises a crown.
Use Ferrofluid in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/Ferrofluid-TS-TWRelated components
- Flux Lines
Glowing flux lines tracing a churning magnetic fluid. The cursor magnet reveals and curls them.
- Beams
Glossy ribbons that ripple in the dark and catch the light, which follows your cursor.
- Gradient Waves
Lit satin waves rolling in from a hazy horizon, with a light that follows the cursor and swells on click.