Line Waves
Animated line wave pattern with colorful warped distortion.
Use Line 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/LineWaves-TS-TWRelated components
- Dither
Retro dithered waves with Bayer, halftone, line and noise patterns, palettes and cursor trails.
- Pattern Waves
A lit halftone surface of dots, lines or glyphs that moves like draped silk.
- Ballpit
Physics ball pit simulation with bouncing colorful spheres.