Theme

Aurora Veil

Free

A soft animated aurora background with drifting color veils, subtle glints, and controls for motion, scale, brightness, and palette.

Loading code...

Starwind Dependencies

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Upgrade to Pro

Failed to load code. Please try again.

Code

Usage

<ShaderAuroraVeil
  glintColor="#faa147"
  primaryVeilColor="#14e0b8"
  secondaryVeilColor="#7857f5"
  hemStrength={1}
  veilBrightness={0.9}
  veilHeight={1}
  veilScale={2.2}
  auroraDrift={0.4}
  opacity={0.92}
/>

Props

prop	type	default	description
`auroraDrift`	`number`	`0.4`	Aurora drift multiplier.
`veilScale`	`number`	`2.2`	Aurora band scale.
`veilBrightness`	`number`	`0.9`	Overall veil brightness.
`opacity`	`number`	`0.92`	Sets the overall opacity of the shader background wrapper.
`maxDpr`	`number`	`1.5`	Caps device pixel ratio for sharper output without runaway GPU cost.
`maxFps`	`30 \| 45 \| 60`	`60`	Caps the animation frame rate for performance-sensitive pages.
`primaryVeilColor`	`string`	`"#14e0b8"`	Primary veil color as a CSS color or normalized RGB.
`secondaryVeilColor`	`string`	`"#7857f5"`	Secondary veil color as a CSS color or normalized RGB.
`glintColor`	`string`	`"#faa147"`	Glint highlight color as a CSS color or normalized RGB.
`veilHeight`	`number`	`1`	Vertical reach of the aurora curtains.
`hemStrength`	`number`	`1`	Brightness of the lower curtain edges.