v0.0.1

DotField

WebGL 实时渲染的呼吸点阵:细点随缓慢的噪声波起伏明灭,指针处的点被放大、推开并染上强调色。

显示 Hero

Customize

点颜色
#8a90a6
强调色
#7c6cff

Props

属性类型默认值说明
childrenReactNode—叠加在背景之上的内容
colorstring'#8a90a6'点的底色(hex)
highlightColorstring'#7c6cff'波峰与指针附近的点所用的强调色(hex)
gapnumber22点阵间距(CSS 像素)
speednumber1动画速度倍率
interactivebooleantrue指针附近的点是否被放大、推开
classNamestring—自定义类名

依赖

WebGL