丝滑切换按钮
用视图过渡打造按钮丝滑切换体验（CSS+JS）这是一款带有平滑过渡效果的切换按钮，基于CSS view-transition 和 JavaScript 实现，点击时按钮会以“内容流动”的方式动态切换选中状态，视觉上像是文字和颜色在空间中自然...
游戏角色卡片
3D翻转式霓虹玻璃质感RPG游戏角色卡：一张卡片，两种世界这是一款可翻转式玻璃态 RPG 角色卡片 UI，基于纯CSS3+原生JavaScript实现，把现代界面质感和游戏沉浸感结合得很巧妙，融合了玻璃拟态、霓虹光效和宇宙星空背景，打造出极具沉浸感的游...
美化下拉框
纯CSS自定义美化原生<select>下拉框：无需JS，也能优雅又实用这是一款纯CSS实现的自定义下拉选择器，通过样式覆盖原生<select>元素，打造了更美观、统一的交互体验。它没有依赖JavaScript，仅用CSS变量和伪元素实现了展开收起动画、选项高亮和状...
骨架屏
移动端专用骨架屏加载动画（CSS+JS）：支持明暗模式及动态静态模式这是一款骨架屏加载效果，基于CSS+JavaScript技术实现，它把界面适配与加载体验结合得很实用 —— 既能切换浅 / 深色主题模式适配不同使用场景（比如夜晚用深色更护眼），又能用骨架屏在内...
滚动字幕
纯CSS实现的无缝无限字幕、图片及图标滚动效果这是一款纯CSS实现的平滑无限滚动字幕（Marquee）效果，通过内容复制与translateX(-50%)动画实现无缝循环，无需JavaScript。支持文本、图片以及图标混合内容，保持良好对...
展示海报
基于 sibling-* CSS 函数实现的海报图片错位渐显动画效果这是一款使用CSS sibling-* 函数实现的逐个错位亮相动画效果，展示五部宫崎骏经典动画电影海报。当点击其中一张海报时，其他未被点击的海报按序依次淡出页面，背点击的海报图片最终定格于页面中...
堆叠轮播
垂直滚动 3D 堆叠式团队成员图文卡片轮播组件（CSS+JS）这是一款垂直滚动 3D 堆叠式图文轮播效果，基于 HTML+CSS+JavaScript 技术实现，它把图文卡片做成了有层次感的 3D 堆叠样式，支持垂直滚动切换，还搭配了平滑动画、滑动 / 键...
下拉选择框
高颜值带搜索自动补全功能的下拉选择框 HTML 组件，提升交互与筛选体验这是一款高颜值现代化的下拉选择菜单，基于CSS与JavaScript实现，支持搜索过滤自动补全和图标展示，突出显示选择项，悬停效果明显。并且整体采用深色主题搭配渐变背景，视觉层次清晰。菜单项带...
数学运算
纯CSS实现的新式计算器：用function()和if()做数学运算这是一款纯 CSS 实现的数学运算演示效果，基于 CSS 的 function () 和 if () 函数技术实现，无需 JavaScript 就能完成基础数学运算（如加减乘除），可自由选择数...
米亚伟
SaaS软件、移动App推广、电商等适合 14 种不同场景应用的 Bootstrap 网站模板这是一款面向企业和科技类网站的高端 Bootstrap 5 模板，兼具灵活性、响应式设计与现代简洁美感。模板提供63+HTML功能内业，其中包含14+独特首页布局以及50+其他功能通用页面，让你...
IOS风格UI
纯CSS打造的 iOS 26 液态玻璃 U效果，轻盈通透，质感拉满!这是一款iOS 26 液态玻璃风格 UI效果，基于 CSS 技术实现，它通过backdrop-filter和blur等现代CSS特性，实现了无需JavaScript的高级视觉层次感，画面中，一个...
徒奈斯
汽车美容与维修官网 Bootstrap 网站模板，现代响应式、快速转化的汽车相关服务建站模板这是为汽车美容、维修与保养类服务量身打造的 HTML 模板，模板采用主流的响应式前端框架 Bootstrap 5 构建，响应式设计兼容各种设备与主流浏览器，加载速度和体验都经过优化，适合修车、洗...