Astra

Soft Aurora

Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.

Soft Aurora, a Astra component

Use Soft Aurora 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/SoftAurora-TS-TW
How to install Astra components

Related components

  • Aurora

    A soft, calm aurora that flows across the top of the page and drifts toward the cursor.

  • Dither

    Retro dithered waves with Bayer, halftone, line and noise patterns, palettes and cursor trails.

  • Gradient ASCII

    Soft gradient glows drawn in ASCII characters that scramble under the cursor.