DragonScales

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.

文本

鳞片色

#7b3fe4

高光色

#e7a6ff

鳞片大小 (px)110速度1鳞片开合0跟随指针

属性	类型	默认值	说明
`children`	`ReactNode`	—	叠加在背景之上的内容
`color`	`string`	`'#7b3fe4'`	鳞片本体色（hex）
`highlightColor`	`string`	`'#e7a6ff'`	反光条与鳞缘高光色（hex）
`scaleSize`	`number`	`110`	单片鳞宽度（像素）
`speed`	`number`	`1`	动画速度倍率
`flare`	`number`	`0`	鳞片开合幅度，0-1，0 为关闭；开启后一道波沿身体推进，鳞片依次翘起再合拢
`interactive`	`boolean`	`true`	光源是否跟随指针
`className`	`string`	—	自定义类名

WebGL