温控器
GSAP+CSS实现的超现代玻璃质感温控器，UI色调随温度变化！这是一款现代感十足的玻璃质感温度调控器（温控器）交互效果，基于GSAP Draggable与CSS实现，用户可拖动滑块调节温度，实时反馈当前数值与状态，当前温度数值会突出显示。当温度低于40°F...
玻璃下拉框
液态玻璃风格自定义下拉菜单组件（CSS+JS）这是一款基于CSS+JS实现的液态玻璃风格自定义下拉菜单组件，整体采用深色半透明设计，搭配柔和光晕和轻微动态反馈，视觉上轻盈通透，切换选项时会以流体般的丝滑动画衔接，代替了普通下拉菜单的生硬跳转...
流动水珠
CSS+SVG液态玻璃水珠装饰文本效果这是一款纯HTML+CSS+SVG实现的“液态水珠”文本装饰效果，通过巧妙的渐变、阴影和变形动画模拟出真实业态水珠效果，文字仿佛悬浮在透明液滴中，鼠标点击产生自然波动，通过拖拽右下角可以将水滴分...
数据卡片
原生CSS+JS实现地滑动式转化率数据仪表盘卡片 UI，轻量、兼容性好、触控体验极佳这是一款可滑动的交互式滑数据仪表盘卡片 UI（图片、文字及走势图），基于原生 HTML5、CSS3 与 JavaScript 技术实现，是移动端优先的数据分析展示组件。，支持手势滑动切换不同时间...
首屏3D动画
用 WebGL 打造的沉浸式折射晶体玻璃态动画 Hero 首屏布局这是一款 WebGL 折射晶体玻璃态 Hero 首屏区域 3D 动画效果，基于 WebGL+GLSL 着色器技术实现，通过光线追踪渲染出晶莹剔透的折射晶体场景，搭配玻璃拟态风格的UI元素，营造出...
擦除动画
刮冰磨砂窗、“擦除”冰层互动效果：节日主题或刮奖小游戏趣味交互组件这是一款“刮冰看图”互动效果，基于Canvas+CSS实现，模拟了在结霜的玻璃上刮开冰雪、露出隐藏画面的趣味体验。用户通过鼠标或触控拖动，可以“擦除”冰层，逐步揭示下方可爱的节日插画，兼具视觉惊...
游戏角色卡片
3D翻转式霓虹玻璃质感RPG游戏角色卡：一张卡片，两种世界这是一款可翻转式玻璃态 RPG 角色卡片 UI，基于纯CSS3+原生JavaScript实现，把现代界面质感和游戏沉浸感结合得很巧妙，融合了玻璃拟态、霓虹光效和宇宙星空背景，打造出极具沉浸感的游...
玻璃背景时钟
液态玻璃风格实时数字时钟（SVG+CSS）这是一款液态玻璃实时数字时钟效果，基于 SVG 滤镜 + 遮罩技术实现，它把实时数字时钟做成了带流体质感的 “液态玻璃” 样式，数字会呈现动态的流体扭曲效果，背景是SVG+webm视频素材实现；...
玻璃UI界面
苹果液态玻璃（Liquid Glass）UI 效果：iOS 26 标志性通透界面这是一款仿iOS 26“液态玻璃”（Liquid Glass）风格的UI视觉效果，基于现代CSS与模糊滤镜技术实现。图标和控件悬浮于背景之上，通过半透明蒙层、轻微模糊和边缘高光，营造出如玻璃般通...
流光按钮
带彩色流光边框的高端定制按钮（CSS+JS），悬停按钮微光追随交互动效这是一款使用CSS+JS实现高端定制化按钮，带有悬停流光动态交互效果，采用半透明背景、渐变边框与轻微阴影，营造出晶莹剔透的玻璃质感，在悬停按钮时按钮微微凸起，边框带有彩色光晕流动效果。按钮文字清...
进度条
玻璃 / 凝胶质感进度条：让加载进度也变得非常优雅（CSS+JS）这是一款玻璃 / 凝胶质感进度条效果，基于 CSS+JS 技术实现，借助细腻的阴影与渐变等技法，为默认<progress>元素打造出细腻的玻璃或凝胶视觉风格，还支持多种质感主题切换、支持进度条宽...
IOS风格UI
纯CSS打造的 iOS 26 液态玻璃 U效果，轻盈通透，质感拉满!这是一款iOS 26 液态玻璃风格 UI效果，基于 CSS 技术实现，它通过backdrop-filter和blur等现代CSS特性，实现了无需JavaScript的高级视觉层次感，画面中，一个...