横向图库
纯 CSS 实现的支持横向拖拽切换图片的响应式高端画廊这是一款基于 CSS 实现的横向图片画廊，支持左右滑动切换照片，最有意思的设计在于把滚动条本身当作分页进度条来用——底部那条绿色细线不是装饰，而是实时反映当前浏览位置的滚动指示器，一举两得。画廊...
相机光圈
呼吸快门，用 p5.js 模拟镜头光圈的律动感，适合于网站 Loading 动画等场景这是一款「呼吸快门」动态视觉效果，基于 p5.js 技术实现。灵感来自相机光圈的开合机制——叶片在收缩与展开之间循环，赋予画面一种均匀呼吸的节奏感。闭合时线条向中心聚拢成放射状，舒展时线条随旋转...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
二进制时钟
three.js实现可拖拽的 3D 二进制时钟效果这是一款3D二进制时钟效果,基于Three.js+JavaScript技术实现。时间不是用常规数字显示,而是转换成二进制编码,通过亮起的青色方块来表示。整个时钟是个可以拖拽旋转的3D立体模型,放...
健身应用UI
健身数据追踪 APP UI 布局界面（HTML+CSS+JS）这是一款健身应用UI设计，基于HTML+CSS+JavaScript实现。界面采用深蓝渐变配色，包含首页数据看板、训练记录、个性化建议三个核心模块，通过环形进度条、柱状图、卡片列表等形式呈现运动...
动态星空
GSAP 动态闪烁星空背景特效，支持响应式+自定义星星数量这是一款星空闪烁动画效果，基于GSAP动画库技术实现。每颗星星都有自己的"生命周期"——随机位置出现、向外绽放、然后逐渐消失，整个过程节奏各异，营造出夜空中繁星此起彼伏的自然感。比起传统的静态星...
图库
带视图过渡动画的创意图片（图库）布局效果（CSS+JS），图片切换预览带流动动效这是一款基于CSS view-transition API实现的超椭圆（Squircle）形状图片画廊效果，通过流体般的形态变化打造出独特的视觉体验。超椭圆造型是视觉亮点：整个画廊采用了介于圆形...
扫雷小游戏
赛博朋克风 HTML5 + GSAP 改良创新版扫雷小游戏源码 - 霓虹网格3D视觉特效这是一款赛博朋克风格的扫雷小游戏，基于 GSAP + SVG + CSS + HTML 技术实现。游戏采用《创：战纪》(Tron)电影的经典霓虹美学，将传统扫雷游戏板呈现为带有青色发光边框的3D...
水波纹
Three.js 实现的 3D 流体水波纹交互动画效果这是一款基于Three.js组件库实现的3D流体背景特效。画面呈现出波浪状曲面，表面像丝绸般柔软起伏，背景是一张从紫色、粉色、红色、橙色到黄色自然过渡，配合白色立体文字"LIQUID EFFEC...
流光按钮
CSS 多彩渐变描边按钮 - 科技感登录注册组件这是一款多彩渐变边框按钮效果，基于CSS渐变技术实现，通过线性渐变营造出流光溢彩的视觉质感。两个按钮的设计思路完全不同。左侧的"登录"按钮走的是镂空路线，黑色底配上粉紫蓝的渐变描边，有种低调奢华...
流动边框
未来感十足的 CSS + SVG 动态能量流动边框效果这是一款赛博霓虹动态流动边框效果，基于 CSS 动画与 SVG 路径偏移技术实现。它通过模拟流体般的色彩渐变与不规则的波纹律动，打破了传统静态边框的沉闷感，为页面注入了一种“能量流动”的视觉生命力。
数字时钟
基于 React 的“表中有表”矩阵动力学创意数字时钟这是一款极具工业艺术感的数字时钟动效，基于 React 与 CSS 变量控制技术实现。它将传统的数字显示逻辑彻底重构：每一个数字“像素”都是一个独立的模拟表盘，通过成百上千个指针的同步旋转与精...