v0.0.1

Aurora

WebGL 实时渲染的极光夜空:多层流动的光帘、竖向光束与闪烁星空,指针附近的极光会被点亮。

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.

Customize

帘底色
#3cffb0
中段色
#2a8cff
帘顶色
#c04dff

Props

属性类型默认值说明
childrenReactNode—叠加在背景之上的内容
colors[string, string, string]['#3cffb0', '#2a8cff', '#c04dff']三段渐变色:帘底、中段、帘顶(hex)
speednumber1动画速度倍率
intensitynumber1极光亮度倍率
starsbooleantrue是否显示星空
interactivebooleantrue指针附近的极光是否增亮
classNamestring—自定义类名

依赖

WebGL