Waves
Dense flowing lines that sway like silk, bend around the cursor and spring back into place.
Use Waves 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/Waves-TS-TWRelated components
- Threads
Flowing threads that fray apart and part around the cursor, from fine silk to contour lines.
- Floating Lines
Ribbons of fine glowing lines that drift in waves, part around the cursor and curl when clicked.
- Pattern Waves
A lit halftone surface of dots, lines or glyphs that moves like draped silk.