Pattern Waves
A lit halftone surface of dots, lines or glyphs that moves like draped silk.
Use Pattern 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/PatternWaves-TS-TWRelated components
- Micro Slats
A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.
- Waves
Dense flowing lines that sway like silk, bend around the cursor and spring back into place.
- Aero Shards
Silk ribbons of thick glass shards streaming on layered depths among survey markers, catching light along their edges.