React Bits

Shape Waves

A field of triangles, circles and squares that brighten and grow along rolling waves.

Shape Waves, a React Bits component

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-TW
How to install React Bits components

Related components

  • Aero Shards

    Silk ribbons of thick glass shards streaming on layered depths among survey markers, catching light along their edges.

  • Micro Slats

    A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.

  • Acid Squares

    A rolling field of glossy squares that ripples under two drifting colored lights.