相机光圈
呼吸快门，用 p5.js 模拟镜头光圈的律动感，适合于网站 Loading 动画等场景这是一款「呼吸快门」动态视觉效果，基于 p5.js 技术实现。灵感来自相机光圈的开合机制——叶片在收缩与展开之间循环，赋予画面一种均匀呼吸的节奏感。闭合时线条向中心聚拢成放射状，舒展时线条随旋转...
鹿角帽
个人作品集 HTML 网站响应式模板 | 创意设计师自由职业者个人品牌专用建站模板这是一款专为个人品牌展示打造的 HTML 作品集响应式网站模板，简约现代的视觉风格与独特个性化的界面设计相结合，让设计师、自由职业者、创意从业者的个人主页在众多同类网站中脱颖而出。模板包含 8 ...
卡瑞特
豪华车租赁与机场接送网站模板 – Bootstrap 5 响应式设计，适合租车公司、豪华轿车与出行服务平台建站这是一款专为租车、豪华轿车接送及出行服务平台设计的 HTML 网站模板，基于 Bootstrap 5 构建，提供 6 套多页面首页风格和 22+ 个 HTML 页面文件，内容覆盖机场接送、在线预...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
商品展示
纯 CSS 暖调极简商品卡片布局 + 日夜模式主题切换效果这是一款纯 CSS 实现的商品展示卡片，左图右文的经典布局，暖米色配金棕色调，整体气质克制而高级，并且支持响应式布局，在移动端等小型设备中也能通过上下布局的形式完美展示。最亮眼的是图片区域下方内...
简约时钟
两款拟物指针模拟时钟组件（SASS + TS）这是一款基于 SASS + TypeScript 实现的实时指针时钟组件，提供两种表盘风格：上方是极简现代款，阿拉伯数字配细刻度，干净利落；下方是复古机械款，罗马数字加厚边框，中心还原了机芯摆轮...
WhatsApp UI
WhatsApp 风格聊天界面 UI 布局动效这是一款基于 GSAP + Three.js 实现的仿 WhatsApp 桌面端 HTML 布局界面，三栏布局还原度极高，聊天、状态、通话一览无余。最出彩的是背景——用 Three.js 着色器...
艾克口
创意数字代理机构专用 HTML 网站模板 | 多首页响应式作品集建站模板这是一款专为创意代理机构、数字工作室及商业初创团队设计的 HTML 响应式网站模板，提供 4 套多页版首页与 4 套单页版首页，共 8 种主页页面风格可选，灵活覆盖不同的品牌展示需求，总功能页面...
婚德音
婚礼策划婚庆公司 HTML 网站模板 | 婚纱摄影婚礼场地花艺响应式建站模板这是一款专为婚礼策划公司、婚纱摄影工作室、婚庆服务机构及婚礼场地品牌量身打造的 HTML 响应式网站模板，提供 3 套风格各异的多页版首页方案，共 25 个以上完整页面，涵盖婚礼策划展示、婚纱礼...
秒表
简约拟物风格精准秒表组件（CSS+JS）这是一款基于 CSS + JS 实现的高精度秒表组件，采用拟物化设计风格，圆盘表盘配合进度弧线，质感细腻有层次。计时精度上用 performance.now() 替代普通 Date.now()，...
早安打工人
字母螺旋扩散动画效果（CSS+JS+SVG），早安崩溃的小浣熊动效这是一款基于 SVG + CSS + JS 实现的文字粒子扩散动画，代码实现了字母"A"沿螺旋轨迹向外飞散，大小渐变、间距疏密有序，配合尖叫浣熊的插画形象，把"早安崩溃"的打工人心态表现得活灵活...
固定导航栏
CSS 滚动感知吸顶导航 + 动态锚点指示器这是一款基于 CSS container-type: scroll-state + anchor-positioning + :target-current 实现的智能吸顶导航效果，无需 JS ...