ElyriCaustics
WebGL 实时渲染的水下焦散：流动的光网带轻微色散，顶部斜射光束，指针处荡开水波并聚光。
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
水体色
#0a6fa8光纹色
#c8fbffProps
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 叠加在背景之上的内容 |
color | string | '#0a6fa8' | 水体颜色（hex） |
highlightColor | string | '#c8fbff' | 焦散光色（hex） |
density | number | 1 | 光纹密度倍率 |
speed | number | 1 | 动画速度倍率 |
interactive | boolean | true | 指针处是否荡开水波并聚光 |
className | string | — | 自定义类名 |
依赖
WebGL