Glass Aurora

Pro

A glassy top-origin aurora shader background with controllable ribbon scale, motion, glow, and palette.

Theme

Upgrade to Pro

Loading code...

This component requires Starwind Pro.

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

Failed to load code. Please try again.

Code

Usage

<ShaderGlassAurora
  auroraDrift={0.55}
  glassScale={2.8}
  ribbonGlow={0.86}
  veilColor="#14ebb3"
  paneColor="#5975ff"
  rimColor="#e88cf5"
/>

prop	type	default	description
`auroraDrift`	`number`	`0.55`	Controls how quickly the aurora ribbons drift through the glass field.
`glassScale`	`number`	`2.8`	Adjusts the scale of the refracted glass panes and ribbon field.
`ribbonGlow`	`number`	`0.86`	Sets the brightness of the luminous ribbon edges.
`opacity`	`number`	`0.94`	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.
`veilColor`	`string`	`"#14ebb3"`	Sets the main aurora veil color. CSS colors and normalized RGB strings are supported.
`paneColor`	`string`	`"#5975ff"`	Sets the refracted glass pane color. CSS colors and normalized RGB strings are supported.
`rimColor`	`string`	`"#e88cf5"`	Sets the glowing aurora rim color. CSS colors and normalized RGB strings are supported.