Astra

Acid Squares

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

Acid Squares, a Astra component

Use Acid Squares 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/AcidSquares-TS-TW
How to install Astra components

Related components

  • Shape Grid

    A drifting grid of shapes that lights up under the cursor, with perspective tilt and rainbow trails.

  • Shape Waves

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

  • Grid Motion

    A tilted wall of drifting tiles that slides with the pointer and lights up where it rests.