奶昔模
纯前端奶昔品牌创意高级感 HTML 响应式着陆页，带丰富动态交互效果这是一款奶昔品牌创意着陆页效果，基于纯 HTML、CSS 与原生 JavaScript 技术实现，无需任何框架和第三方依赖。页面采用当下流行的潮流深色主题，集成了可拖动产品展示滑块、顶部循环跑马...
GSAP光波切换
鼠标跟随画廊效果 GSAP 光波切换自动轮播组件这是一款鼠标跟随式画廊效果，基于 GSAP 技术实现，圆形光标会跟随鼠标移动，点击切换图片时呈现自然的扩散光波过渡，闲置状态下自动轮播，交互流畅且富有氛围感，适用于摄影作品集、风景展示页、艺术画...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
验证码输入框
极简安全验证：流畅自动跳转的 6 位数字验证码（OTP）输入组件（CSS+JS）这是一款极简主义风格的验证码（OTP）输入组件，基于 HTML + CSS + JavaScript 技术实现。它采用了典型的 6 位数字验证逻辑，界面布局清晰，能够引导用户快速完成账户验证流程...
视觉粘性
GSAP 打造的超流畅光标移动图片追随动画效果这是一款极具高级感与指引性的光标跟随交互动效，基于 GSAP 动画库开发实现。它为枯燥的默认鼠标指针披上了一层“动态外衣”，通过平滑的物理插值算法，让鼠标在移动时有多张图片跟随，请注意：这里跟随...
互动光标
WebGL 梦幻星云流体鼠标拖尾互动特效这是一款 WebGL 流体光标跟随效果，基于 WebGL 技术实现，当光标在页面上移动时，通过模拟粒子流动与光线散射，呈现出如星云般梦幻的色彩柔和、带有流动质感的烟雾光影效果，极具视觉冲击力和沉...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
鼠标操控绳子
GSAP+SVG实现线条随鼠标晃动，松开线条弹性抖动效果这是一款 GSAP+SVG 光标跟随线条抖动效果，基于 GSAP 动画库与 SVG 技术实现，页面中央横放着一条渐变绳子，会跟随鼠标光标的移动产生自然的跟随抖动动画，适用于极简风格网页的装饰元素...
故障波纹
ASCII 字符故障波纹文字悬浮交互效果（CSS+JS）这是一款 ASCII 字符故障波纹文字悬浮交互效果，基于 Vanilla JS+CSS 技术实现，它是为小体积网页设计的轻量交互 —— 鼠标悬浮到文字（支持中文）上时，会从光标位置扩散故障波纹，...
表情变化
HTML有趣的光标移动联动表情变化效果，留存用户交互神器网站或者应用如何更好的挽留客户？今天的这款交互效果你一定要认识认识，当用户想要删除或者离开产品时，可以弹出「友好的」提示弹窗，用户可选择确定或者取消，当用户鼠标距离确定按钮越近时表情越恐慌，反之...
脚丫光标
GSAP SVG小脚丫脚步光标跟随特效源码下载这是一款优雅的鼠标光标路径跟随效果，通过SVG路径动画与GSAP平滑缓动技术实现，让小脚丫像跳芭蕾般精准踩踏用户光标移动轨迹，适用于高端产品展示页、创意机构官网等需要提升光标交互仪式感的场景。
丝带光标
Canvas超轻量丝滑线条光标跟随动画（3KB纯JS实现）这是一款令人愉悦的卷曲光标跟随效果，基于Canvas+原生JS实现，超轻量级，仅3KB大小，通过流畅的弹簧物理动画让光标像丝带般优雅扭动，适用于个人作品集、创意机构官网等需要增添趣味交互细节的场景。