Shape Waves
A field of triangles, circles and squares that brighten and grow along rolling waves.
Use Shape 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/ShapeWaves-TS-TWRelated components
- Micro Slats
A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.
- Aero Shards
A GPU-driven wind sculpture of folded foil shards that responds to the pointer.
- Shape Grid
A drifting grid of shapes that lights up under the cursor, with perspective tilt and rainbow trails.