benflux/ui
WOW Effects

Aurora Background

An animated gradient aurora effect for hero sections and backgrounds.

Aurora Background

Installation

npx benflux-ui add aurora

Usage

import { AuroraBackground } from "@/components/ui/aurora"

<AuroraBackground>
  <div className="relative z-10 text-white text-center">
    <h1 className="text-5xl font-bold">Welcome</h1>
    <p className="mt-4">Built with Benflux UI</p>
  </div>
</AuroraBackground>

// Custom colors
<AuroraBackground colors={["#6366f1", "#a855f7", "#3b82f6"]}>
  {children}
</AuroraBackground>