米艾
AI SaaS 科技风落地页 HTML 模板，玻璃拟态设计，Bootstrap 5 响应式布局这是一款专为 AI 创业公司、SaaS 平台及科技类产品打造的高品质 HTML5 落地页模板。整体采用时下流行的玻璃拟态（Glassmorphism）视觉风格，搭配专业深色 UI 与动态光晕背景...
霓虹复选框
GSAP带弹性光晕动效的高端趣味复选框组件这是一款基于 CSS + GSAP 实现的交互式复选框动效。点击勾选选项时，勾选图标会触发彩色霓虹光晕的弹性晃动动画，光晕从图标左侧向右侧动态过渡，最终稳定呈现发光效果，为表单交互增添了生动的反...
发光球加载器
两个发光球体运动加载动画 | 高质感CSS Loader特效组件这是一款光球残影小球旋转加载动画效果，基于 CSS 技术实现。两个发光圆球在黑色背景上围绕圆圈互相追逐游走，运动过程中拖出一串半透明残影，模拟出真实的物理运动感，就像长曝光拍到的光源轨迹。三种配...
描边卡片
个性波浪动态描边流光卡片，CSS + SVG 动态扭曲边框效果这是一款基于 CSS + SVG 实现的动态边框卡片效果。每张卡片的边框不是普通的直线，而是持续蠕动的波浪曲线，配合外侧的彩色光晕扩散，整体像是卡片在「呼吸发光」。三种配色方案（青色、橙色、紫...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
WhatsApp UI
WhatsApp 风格聊天界面 UI 布局动效这是一款基于 GSAP + Three.js 实现的仿 WhatsApp 桌面端 HTML 布局界面，三栏布局还原度极高，聊天、状态、通话一览无余。最出彩的是背景——用 Three.js 着色器...
流光
纯 CSS 全息故障文字动画效果+3D漂浮流光卡片这是一款全息故障文字动画效果，基于纯CSS技术实现。标题文字带有RGB色彩分离的故障艺术风格，字母边缘会闪现出青色和紫红色的重影，模拟老式电视信号干扰的视觉感。背景卡片则笼罩着一层流动的彩色光晕...
发光卡片
月相科普卡片 - CSS玻璃态分割式发光图文卡片展示效果这是一款基于CSS实现的玻璃态卡片效果，通过巧妙的视觉分割将一张完整的月球背景图分解成四个不同主题的展示区域。核心创意在于"图片分割术"：整个界面使用同一张完整的月球高清图作为背景，四张卡片通过...
逻辑解密小游戏
熄灭所有灯光益智烧脑 HTML5 小游戏源码这是一款经典的"熄灯小游戏"，基于CSS+JavaScript+HTML技术实现。游戏规则很简单：点击任意方块会切换自己和相邻方块的亮灭状态，目标是把所有亮着的橙色指示灯全部熄灭。画面设计走的是...
光影对话框
纯 CSS 打造的 Gemini 沉浸式智能输入框（带彩色流光边框）这是一款极具未来感的 “Ask Gemini” 风格输入框，完全基于 纯 CSS 技术实现。它良好复刻了现代 AI 交互界面的核心视觉特征：一个简洁的药丸型容器，配以灵动的多色渐变流动霓虹光晕。...
弹球对战
赛博霓虹对决：基于 Canvas 打造的复古 CRT 风格弹球 HTML 小游戏源码这是一款赛博复古风格的霓虹弹球对战游戏，基于 Canvas 2D 技术构建。它不仅复刻了经典的乒乓对决，更通过扫描线、RGB 色散以及粒子拖尾等视觉滤镜，在网页上良好模拟了 80 年代 CRT ...
星星加载器
简约 CSS 粉光星星粒子动态环绕运动加载效果这是一款粉光星星粒子动态加载效果，基于 HTML+CSS+Font Awesome 技术实现，以梦幻粉光星星为元素，搭配粒子旋转的动态动画，形成梦幻般的动态加载视觉，大小不一的星点错落分布，配合...