Aurora

A WebGL aurora night sky with layered flowing curtains, vertical light rays and twinkling stars. Curtains brighten near the pointer.

Elyri

WebGL · Real-time

Components that come alive

A React library of living backgrounds, motion and text effects — built to make your interface feel alive.

Text

Bottom

#3cffb0

Middle

#2a8cff

Top

#c04dff

Speed1Intensity1StarsPointer glow

Prop	Type	Default	Description
`children`	`ReactNode`	—	Content layered above the background
`colors`	`[string, string, string]`	`['#3cffb0', '#2a8cff', '#c04dff']`	Three gradient stops: bottom, middle, top (hex)
`speed`	`number`	`1`	Animation speed multiplier
`intensity`	`number`	`1`	Aurora brightness multiplier
`stars`	`boolean`	`true`	Whether to show the starfield
`interactive`	`boolean`	`true`	Whether the aurora brightens near the pointer
`className`	`string`	—	Extra class name

WebGL