浏览组件浏览全部动效组件,打开任意一个即可查看实时预览、代码与参数。Text6 个组件GradientTextNew渐变文字,配色与动画均可通过 props 或 CSS 变量覆盖。SplitRevealNew文本按字符或单词错峰浮现,进入视口时触发,自动尊重系统的减弱动态效果偏好。TypewriterNew打字机效果逐字输出文本,可循环重播,自动尊重系统的减弱动态效果偏好。ScrambleTextNew字符先以发光乱码闪烁,再从左到右依次定格为原文,呈现解码般的科技感。支持进入视口或悬停触发。ParticleTextNew文字由细小粒子组成,进入视口时从四周飞入聚合成字;指针靠近时粒子被推散,离开后弹回原位。ScrollMarqueeNew页面上下滚动时文字左右横向滚动,多行时相邻行方向相反,自动尊重系统的减弱动态效果偏好。Animations4 个组件FadeIn元素进入视口时淡入位移,自动尊重系统的减弱动态效果偏好。ScaleInNew元素进入视口时缩放并淡入,自动尊重系统的减弱动态效果偏好。CountUpNew进入视口时数字从起始值滚动到目标值,自动尊重系统的减弱动态效果偏好。TiltNew根据指针在元素内的位置计算 3D 倾斜,可叠加跟随指针的高光;减弱动态效果下自动禁用。Backgrounds6 个组件DragonScalesNewWebGL 实时渲染的侧向龙鳞背景:黑曜石釉面、沿轮廓流动的弧形反光与双线鳞缘,光源跟随指针移动。AuroraNewWebGL 实时渲染的极光夜空:多层流动的光帘、竖向光束与闪烁星空,指针附近的极光会被点亮。SilkWavesNewWebGL 实时渲染的流动丝绸:连续起伏的褶皱、缎面光泽与随指针移动的高光。CausticsNewWebGL 实时渲染的水下焦散:流动的光网带轻微色散,顶部斜射光束,指针处荡开水波并聚光。Pixel VortexNewWebGL 渲染的 LED 屏:把视频降采样成像素灯珠播放;未提供视频时显示缓慢流动的火焰,亮区跟随指针,自动适配明暗主题。Morph GridNewWebGL 形变网格:全屏图形在圆形、方形、十字之间循环丝滑变换,切换从中心向外波状扩散;网格带透镜放大,零星格子被点亮,透镜中心跟随指针。Media1 个组件AsciiImageNew把图片转换为 ASCII 字符画:按亮度把像素映射为疏密不同的字符,支持单色或原图着色。进入视口时自上而下解码显现,之后有高光周期性扫过、字符随机闪烁,指针靠近时字符被推开、提亮并乱码,自动适配明暗主题。