粒子破碎动画
图片粒子破碎交互效果(CSS+JS+SVG):自动提取图片主色调工具这是一款图片粒子化交互特效,基于物理引擎与 Median Cut 算法实现,上传任意图片即可分解为数千个保留原像素色彩的物理粒子,支持吹散、磁吸聚合、实时冻结三种交互模式,同时自动提取并展示图片...
科幻 HUD 边框生成器
科幻 HUD 风格 SVG 边框在线生成工具(JS+CSS)这是一款纯前端实现的科幻 HUD 风格 SVG 边框在线生成工具,可一键随机生成不同样式的赛博风边框,支持通过种子值复现设计效果,还能直接导出 SVG 文件。适用于游戏 UI、科技类网站、视频剪...
电路引擎
JS+CSS 交互式逻辑门电路仿真引擎,数字逻辑可视化编辑工具这是一款交互式数字逻辑门电路可视化仿真引擎,基于原生 CSS+JavaScript 技术实现,支持拖拽式逻辑门组件搭建、连线式信号流编辑,可实时生成真值表、监测电路信号状态,内置完整的编辑、撤销...
雪崩色块标签
CSS 颜色雪崩:140+个命名颜色的胶囊标签,支持真实重力、碰撞和堆叠效果!这是一款物理模拟色块展示效果,基于 CSS + Matter.js 技术实现,将140多个CSS原生命名颜色以胶囊标签形式呈现,每个色块都有真实的重力、碰撞和堆叠效果,还支持"零重力"和"爆炸"...
关系连线
基于 CSS Anchor Positioning 实现多关系节点连线效果,支持拖拽节点调整位置这是一款极具技术前瞻性的关系节点连线动画效果,核心基于 CSS 主流的 Anchor Positioning(锚点定位)API 实现,拖拽更新位置基于少量JS脚本实现。它打破了以往网页中“元素与...
节日彩灯
《怪奇物语》影视复古风格节日串联小彩灯动画+手写字母背景这是一款复古风格的圣诞小彩灯动画效果,基于CSS+JavaScript技术实现,灵感源自《怪奇物语》中的经典场景。墙上悬挂的彩灯串随时间随机闪烁,字母表以手写体呈现,营造出怀旧又神秘的氛围。整体...
数字变化器
纯CSS弹性数字加减选择器(步进器),优雅又实用的数字加减调节方案这是一款纯CSS实现的带颤抖弹性效果的步进数值选择器,通过隐藏的单选按钮 radio 驱动,支持键盘操作,兼顾美观与可用性。用户可通过点击加减按钮或使用方向键调整数值,交互流畅且无障碍友好。这种...
天气卡片
会下雪的天气卡片:动态雪天天气小组件(CSS+JS)这是一款极简风格的雪天天气小部件,基于CSS动画与JavaScript交互实现,通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动,云层缓缓飘过,雪花持续飘落,视觉上...
表白墙
暖心表白弹窗气泡墙动画效果(CSS+JS),满屏治愈系关怀语录这是一款暖心语录气泡弹窗表白墙效果,以多彩弹窗气泡承载 “多穿衣服”“别熬夜” 等关怀语录,每个气泡依次弹出,过一段时间自动消失,并且支持主动关闭操作,视觉层次丰富且充满治愈感。适用于情感类网站...
图片细节查看器
基于 JS+CSS 的鼠标揭示图像交互效果,在模糊的整体照片中呈现圆形的清晰区域这是一款鼠标揭示图像效果,也叫:图片细节查看器,基于 JS+CSS 技术实现,通过鼠标移动或点击,在模糊的整体图像中呈现圆形的清晰区域,让用户主动探索图像内容。适用于创意图片展示、交互型网页设计...
粒子文字
基于 GSAP+three.js 实现的粒子变形球体交互 3D 文字动画效果这是一款基于Three.js+GSAP实现的交互式3D粒子球文字动画,通过成千上万的微小粒子构成一个动态的球体。当用户输入文字并点击“Create”按钮后,粒子球会瞬间解构重组,将原本的球形结构...
全景预览
THREE.js 实现360度全景查看 - 沉浸式体验汽车内饰的全方位展示效果这是一款基于THREE.js技术实现的360度全景查看效果,适用于展示汽车内饰等复杂场景。通过该效果,用户可以全方位、无死角地查看汽车内部的每一个细节,仿佛置身车内,如方向盘、仪表盘、中控台和前...