复古贴纸生成器
在线复古贴纸生成器（JS+CSS） — 改字换色调角度，一键导出透明底 PNG这是一款复古贴纸生成器，用原生 JS + CSS 实现。画面中央是一块厚描边、带立体投影的贴纸文字，默认写着 GOOD MORNING，直接点上去就能改成自己想写的内容，支持换行。
生物电特效
Three.js 生物电神经网络特效 — 点击触发脉冲传导，带实时 HUD 数据面板这是一款生物电神经网络效果，基于 Three.js + WebGL 着色器实现。黑色背景里悬着一团三维神经元结构，中心是细胞体，向四周伸出十几条树突和几条轴突，一直在缓慢自转。点击画面任意位置就...
文件夹相册
支持收纳与弧形展开交互动画的毛玻璃质感文件夹相册（CSS+JS）这是一款相册文件夹展开收拢交互动画效果，基于 React 与 Motion (Framer Motion) 技术实现。点击文件夹时，拍立得风格的照片会沿着弧形轨迹优雅地展开呈网格排列；再次点击时...
TRPG辅助工具
View Transitions API 实战：森林风 DnD 跑团角色卡交互界面这是一款森林奇幻风格的 DnD 5e 数字角色卡界面，基于 HTML5 + CSS + JS (View Transitions API) 技术实现。它将复杂的跑团数据表拆分为多个清晰模块，并通...
爱心眼神跟随
HTML/JS趣味爱心眼神跟随鼠标交互特效 | 创意微拟物网页动效这是一款趣味爱心眼神跟随效果，基于HTML+CSS+JavaScript技术实现，画面中央的拟物风爱心拥有一双灵动的眼睛，能够实时追踪鼠标指针的移动，并根据鼠标的远近距离产生自然的呼吸起伏与光晕...
科技感文件夹
CSS 自定义 3D 霓虹发光科技感文件夹悬停交互动画效果这是一款霓虹科技感文件夹卡片效果，基于Tailwind CSS技术实现。在默认状态下，它呈现一个内敛且带有青色荧光呼吸质感的文件夹；一旦鼠标悬停，多张带有霓虹边框的“虚拟数据文件”会伴随着平滑的...
蜡笔涂鸦
React手绘涂鸦风格海滩日落：基于Rough.js的创意插画特效这是一款手绘涂鸦风格的海滩日落视觉效果，基于React+Rough.js技术实现，其利用算法模拟出具有手稿感的蜡笔排线与不规则素描边框，将椰子树、帆船、落日及沙滩伞等元素转化为富有艺术感和童趣的...
可旋转 3D 效果
3D 几何光环效果 | Three.js 科技感可旋转 3D 动画组件这是一款 3D 几何光环效果，基于 Three.js+UnrealBloom 辉光特效技术实现，半透明线框立方体搭配多色渐变发光环绕环，支持鼠标拖拽自由旋转视角，背景辅以网格与粒子点缀，科技氛围...
十字路口车流动画
CSS+JS 十字路口对向车流按照红绿灯指示正常行驶动画，夜晚交通路口循环动效 HTML 组件这是一款十字路口对向车流在红绿灯下正常行驶的循环动画效果，基于 CSS+JS 技术实现，完整还原了夜晚交通路口红绿灯管控、车辆双向对向通行的真实场景，完全按照红绿灯的规则正常行驶，车流动效丝滑流...
磁铁感应
Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果，并且带果冻质感弹性碰撞动效这是一款基于 Three.js 实现的软体相互吸引与排斥物理模拟效果。鼠标靠近时，两个球与鼠标箭头之间产生类似于磁铁的排斥感，两个半透明果冻球之间会有磁铁的吸引感，在接触时会产生真实的挤压形变，...
生日动画
生日祝福 HTML5 动画特效 - 交互式生日蛋糕烟花动画代码这是一个交互式生日祝福动画页面，采用HTML、CSS和JavaScript实现。页面顶部装饰着一排彩色霓虹灯，营造欢快氛围。当寿星点击"启动魔法"按钮时，一颗绿色霓虹小球从天而降，消失后绽放出一...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...