React Bits

Soft Aurora

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

Soft Aurora, a React Bits 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 React Bits 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 Waves

    Raymarched sine waves rolling toward a soft, hazy horizon.