开关切换按钮
CSS 字母缩放创意开关切换按钮这是一款创意开关切换动效，基于CSS动画技术+React实现。核心亮点是把传统的toggle开关巧妙地融入到"on/off"文字中——左边的椭圆开关本身就充当了字母"O"，圆形滑块在上下滑动时，...
瑞迪思
个人作品集网站 HTML 响应式模板 | 自由职业者与设计师专业展示方案这是一款专为数字化专业人士打造的高品质 HTML5 响应式个人作品集网站模板，特别适合自由职业者、设计师、插画师、开发人员、程序员、摄影师、SEO专家、工程师等各类创意工作者和技术从业者使用。这...
胶囊导航栏
CSS 打造的拟物化胶囊动态导航组件这是一款胶囊式交互导航效果，基于 CSS Transition 过渡动画技术+少量JS脚本实现。它通过精细的阴影叠层和色块位移，模拟了实体按键的质感，提供了清晰的视觉反馈：“选项选中时”如同实体...
视差剧场
基于滚动驱动的 CSS 粘性图文沉浸式浏览“切割过渡”效果这是一款极具叙事感的滚动粘性图片交互效果，基于纯 CSS (Position Sticky) 技术实现。它彻底改写了传统网页“图文并排”的单调感，通过将图片锁定在视窗的一侧，使其随着用户的滚动操...
迪外狄
让人眼前一亮的专业开发者个人作品集 HTML 响应式网站模板｜现代交互式简历 / 程序员简历网站这是一款专为程序员、软件工程师和技术从业者打造的个性高端个人作品集与在线简历响应式网站模板，基于原生HTML实现，整体风格偏向“代码感 + 科技感”，在第一眼就能建立专业形象。模板通过流畅的动画...
艾依欧
创意机构与个人作品集 Tailwind CSS 4 响应式高颜值品牌官网建站模板这是一款专为创意机构、数字工作室、营销团队以及个人品牌打造的高灵活度 HTML 响应式网站模板，17+HTML功能内页结合3套独特主页，满足个性展示需求，整体风格干净、现代、富有设计感，非常适合...
翻转卡片
复古像素风：层叠抽拉式交互卡片设计（CSS+SVG）这是一款层叠抽拉式卡片展示效果，基于 CSS + SVG（配合 HTML 细节标签 <details>）技术实现。它模拟了现实中“翻阅卡片”的动作，通过点击不同层级的卡片，实现卡片的平滑翻转动效...
秀个人
高端个人网站专用 Tailwind CSS 响应式模板，10套独特主页满足个性需求这是一款面向个人品牌展示与专业形象打造的高质量 Tailwind CSS 个人作品集网站模板，整体风格现代、简洁且极具设计感，尤其适合设计师、程序员、自由职业者、摄影师、个人工作室等人群使用。模...
帕拉西
专业摄影师全方位展示 Tailwind CSS 响应式网站模板｜打造高质感个人摄影品牌官网这是一款专为摄影师与视觉创作者量身打造的高端作品集 HTML 响应式网站模板，整体定位非常清晰：帮助摄影师把“作品价值感”最大化呈现出来。模板采用主流的 Tailwind CSS 4.1 构建，...
互动光标
WebGL 梦幻星云流体鼠标拖尾互动特效这是一款 WebGL 流体光标跟随效果，基于 WebGL 技术实现，当光标在页面上移动时，通过模拟粒子流动与光线散射，呈现出如星云般梦幻的色彩柔和、带有流动质感的烟雾光影效果，极具视觉冲击力和沉...
极光背景
纯 CSS 极光渐变 hero 模块背景效果，彩色动态背景与标题文字良好融合！这是一款基于CSS实现的彩色渐变光束背景效果，基于纯 CSS 技术（借助 @properties 等 CSS 原生特性）实现，通过动态色彩条纹模拟光线穿透的视觉感，搭配平滑动画让背景仿佛在呼吸般...
交互列表
支持响应式布局的 GSAP 音乐作品集交互式列表（带图片悬浮 + 闲置动画），这是一款适配音乐场景的交互式表格组件，基于GSAP动画库实现，重构了 HTML 的 ui 表格，加入了列表项的悬停与闲置状态动画效果，关键是支持响应式布局。表格里清晰罗列着音乐人、作品名等信息，...