卡片式轮播
3D 倾斜卡片轮播效果 | 适合摄影展示的 React 平滑轮播组件这是一款 3D 倾斜卡片轮播效果，基于 React+Framer Motion 动画技术实现，中间卡片居中突出，两侧呈自然倾斜透视，切换时带丝滑过渡动画，支持箭头和底部指示器切换，适用于摄影作品...
横向图库
纯 CSS 实现的支持横向拖拽切换图片的响应式高端画廊这是一款基于 CSS 实现的横向图片画廊，支持左右滑动切换照片，最有意思的设计在于把滚动条本身当作分页进度条来用——底部那条绿色细线不是装饰，而是实时反映当前浏览位置的滚动指示器，一举两得。画廊...
固定导航栏
CSS 滚动感知吸顶导航 + 动态锚点指示器这是一款基于 CSS container-type: scroll-state + anchor-positioning + :target-current 实现的智能吸顶导航效果，无需 JS ...
艺术幻灯片
以黑白滤镜实现的黑白底色幻灯片自动轮播效果，极简艺术风格幻灯片组件 ，艺术化呈现摄影作品这是一款黑白底色自动幻灯片效果，基于 CSS + JavaScript 技术实现，支持响应式布局，以黑白滤镜呈现图片，搭配简洁的导航控件（支持左右导航切换与底部指示器），视觉富有艺术感与质感，适...
圆形导航栏
CSS+JS带指示功能的圆形导航菜单工具栏HTML5源码这是一款带指示功能的圆形导航菜单效果，基于 CSS 和 JavaScript 技术实现。初始状态下，菜单以一个简洁的“+”按钮呈现，点击后会展开成一个圆形菜单，包含多个功能图标，如主页、设置、用...
圆点进度条
CSS+JS简洁实用的进度指示器组件 HTML5 源码这是一款进度追踪器效果，基于 HTML、CSS 和 JavaScript 技术实现，能清晰展示任务或流程的不同阶段状态，每个阶段通过圆形图标和文字说明清晰标识，像示例中就呈现了从注册到付款的各步...
指示器导航栏
CSS+JS带指示器跟随效果的导航菜单栏这是一款带指示标的导航菜单效果，基于 CSS+JS 技术实现，当用户点击不同的菜单项时，指示器会跟随当前选中的菜单项移动并高亮显示，能清晰标记当前选中的导航项，交互时指示标过渡自然流畅，适用于网...
圆点导航指示器
CSS + JS 带圆点指示器的轮播滑块HTML5源码这是一款利用 CSS 和 JS 技术实现的轮播滑块效果。拥有左右切换按钮方便用户手动控制内容切换，同时底部配备圆点指示器，能清晰展示当前轮播位置以及轮播项的总数。适用于广告宣传、产品展示或各类需...
滑动指示器
CSS液态新拟态滑动条温度指示器，通过流动形变模拟水波纹触控反馈这是一款新拟态液体滑块效果，基于CSS裁剪路径动画技术实现，通过流动形变模拟水波纹触控反馈，适用于高级表单控件和创意交互组件场景。
进度指示器
CSS+SVG动态环形进度指示器效果这是一款动态进度指示器效果，基于CSS+SVG技术实现，通过流畅的动画和颜色变化以及百分比填充效果展示任务进度，外围是环形形状，适用于加载状态或任务进度展示场景。