Aurora Background

A subtle Aurora or Southern Lights background for your website.

Install using CLI

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://inspira-ui.com/r/aurora-background.json"

Install Manually

Copy and paste the following code

AuroraBackground.vue

API

Prop NameTypeDefaultDescription
classstring-Additional CSS classes to apply to the component for styling.
radialGradientbooleantrueDetermines whether a radial gradient effect is applied to the background.

Features

  • Slot Support: Easily add any content inside the component using the default slot.

Credits

Code of Conduct
Code of Conduct outlines our expectation for participant behavior as well as consequences for unacceptable conduct.
Black Hole Background
A mesmerizing, canvas-driven background effect that simulates a warped “black-hole” tunnel with animated discs, radial lines, and particles.