Astra

Aero Shards

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

Aero Shards, a Astra component

Use Aero Shards 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/AeroShards-TS-TW
How to install Astra components

Related components

  • Shape Waves

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

  • Pattern Waves

    A lit halftone surface of dots, lines or glyphs that moves like draped silk.

  • Beams

    Glossy ribbons that ripple in the dark and catch the light, which follows your cursor.