液态气泡
Liquid Glass液态玻璃气泡效果，Three.js实现的Metaball折射交互动画这是一款液态玻璃气泡效果，基于 Three.js + WebGL + Metaball 算法技术实现，模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合"，拖拽可实时交...
原麦外
外卖点餐 PWA 移动端 HTML 模板 | 适合餐厅、外卖平台、云厨房快速搭建类 App 体验的手机网站如果你想为餐厅或外卖业务搭建一个"用起来像 App、但不用上架应用商店"的移动端网站，这套模板是一个值得认真考虑的选择。它是一款专为餐饮外卖场景打造的 PWA 移动端 HTML 模板，最大的亮点...
爱情告白
Canvas 情话表白多幕交互页面，情人告白网页专用！这是一款基于 CSS + Canvas 实现的浪漫告白互动效果。深红色背景上漂浮着大量粒子爱心，中央毛玻璃卡片承载着逐幕展开的情书内容，顶部还有一条进度条记录故事推进到哪一步——整体走的是奢华红...
音乐播放器
波浪线媒体（音乐）播放卡片（CSS+JS）这是一款仿 Google 风格的音乐播放卡片效果，基于 CSS + JS 技术实现。进度条被替换成一段动感的波浪曲线，视觉上比普通直线更有活力，整张卡片以专辑封面作为背景，叠加毛玻璃质感的控制区...
实时壁纸
超写实雨滴玻璃动态壁纸生成器（WebGL+CSS）|支持日历+本地实时天气这是一款基于 WebGL + CSS Glassmorphism 技术实现的雨天玻璃模拟效果，雨滴的折射、流淌、聚合全部逼真还原，不是简单的动图，而是实时渲染的物理级视觉体验。背景支持自定义图片...
标签切换
CSS 高级 Tabs 标签页组件：选项卡该有的样子！这是一款精致的 Tabs 标签页切换效果，基于 CSS + JavaScript 技术实现，当前激活项以青紫色渐变胶囊背景高亮显示，切换时内容区域平滑过渡，配合深色毛玻璃风格整体质感相当克制且高级。
连胜王
去中心化金融 DeFi 仪表盘 HTML 响应式网站模板 - 专业 AMM 自动做市商流动性池交易平台前端模板这是一套专为去中心化金融(DeFi)生态打造的前沿仪表盘 HTML 响应式网站模板，特别适合搭建自动做市商(AMM)平台、流动性池管理系统、去中心化交易所(DEX)、收益聚合器、质押挖矿平台以及...
发光卡片
月相科普卡片 - CSS玻璃态分割式发光图文卡片展示效果这是一款基于CSS实现的玻璃态卡片效果，通过巧妙的视觉分割将一张完整的月球背景图分解成四个不同主题的展示区域。核心创意在于"图片分割术"：整个界面使用同一张完整的月球高清图作为背景，四张卡片通过...
滚动自动轮播
纯 CSS 实现的图文主题卡片无限循环自动滚动+悬停暂停交互效果这是一款基于纯CSS技术实现的卡片自动轮播效果，通过边缘渐隐遮罩营造出沉浸式的无限滚动体验，无需JavaScript即可实现自动滚动和交互暂停功能。界面的核心设计在于视觉边界处理：轮播容器的左右...
黑金叶
黑金配色高端 Tailwind CSS + GSAP 着陆页网页模板这是一款可复用的深色系着陆页模板，基于Tailwind CSS + GSAP滚动动画技术实现。整体采用黑色背景搭配金色点缀的配色方案，营造出高端奢华的视觉氛围，特别适合展示品牌形象和专业服务。模...
图片文件夹
纯 CSS 打造的毛玻璃质感交互式图片文件夹预览组件这是一款毛玻璃质感交互文件夹效果，基于 CSS Glassmorphism（磨砂玻璃）与 Transform 变换动画技术实现。它通过 backdrop-filter 营造出半透明的容器质感，并...
晶莹质感按钮
纯 CSS 打造的现代化毛玻璃+流光边框+悬停高亮交互按钮这是一款基于 纯 CSS 技术实现的毛玻璃风格（Glassmorphism）按钮。它巧妙利用了浏览器的底层滤镜属性，将背景的色彩与按钮表面的半透明磨砂感融为一体，边框有微光略过，悬停高亮动效，是...