Skip to main content

Updated: Aurora

By Steven Van ·

Aurora, a soft background that drifts toward the cursor, now blends colour more smoothly and can rise from the bottom or stack layers.

The React Bits Aurora background has been rebuilt, with smoother, richer colour blending and a softer edge that never bands.

What the new version does

  • It drifts gently toward the cursor.
  • It fades in on load.
  • It can rise from the bottom of the page.
  • It can stack extra layers.

Installation

Aurora comes in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/Aurora-TS-TW. The interactive preview, customisation controls and source tabs on the component page need JavaScript enabled.

React Bits
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →
Sources

Original source

Read Updated: Aurora on Creators Toolbox