Astra

Shape Waves

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

Shape Waves, a Astra 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 Astra 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.