
方块加载器
基于 splitting.js+GSAP 分割与重组方块实现创意Loading加载动画这是一款基于 Splitting.js 和 GSAP 技术实现的文字小方块拆解动画效果,通过CSS实现的多个小方块的分散重组创造加载过程,适用于品牌网站或创意页面过渡场景。

弹跳加载
CSS果冻豆弹跳Loading加载动画这是一款基于CSS关键帧动画实现的弹性加载动效,融合动画十二法则中的挤压拉伸原理,形似Scrabble棋子弹跳,适用于轻量级Loading等待状态或游戏化界面场景。

方块预加载器
GSAP彩色小方块交互运动迷你Loading预加载器这是一款基于GSAP技术实现的迷你加载动画效果,通过彩色小方块交换运动创造无限循环的视觉等待状态,适用于内容预载及网页Loading加载场景。

弹跳下行
纯CSS弹性折叠下楼梯动画效果,适用于Loading加载中等场景这是一款使用纯CSS技术实现的弹性折叠效果,模拟弹簧伸缩的物理动效,在台阶上跳跃,适用于网页背景或者Loading加载中场景使用。

球传递加载器
CSS小球接力永动循环加载动画这是一款小球接力传递无限循环加载动画,基于纯CSS动画技术实现,通过流畅的环形接力运动创造永动视觉效果。适用于内容加载等待状态、数据加载进度或现代UI界面,提供优雅的无缝等待体验。

渐变色加载
纯CSS马卡龙渐变色加载动画这是一款柔和渐变色加载动画,基于CSS渐变和关键帧动画技术实现,以马卡龙色系呈现流畅的色彩过渡效果。适用于轻量级网页加载、应用界面等待或女性向产品设计等场景,营造清新优雅的等待体验。

彩色拖尾加载器
纯CSS实现的彩色溶解拖尾Loading加载动画效果这是一款彩色溶解加载动画效果,基于纯CSS技术实现,彩色圆环旋转拖尾动画效果,伴随流畅的动画和颜色渐变,适用于加载状态或等待指示场景。

动态轮盘
CSS模拟轮盘加载动画效果,适用于加载状态或等待指示场景这是一款轮盘加载动画效果,基于纯CSS技术实现,轮盘以动态旋转的方式展示加载状态,伴随流畅的动画和光影效果,适用于加载状态或等待指示场景。

缠绕式加载器
CSS创意缠绕式加载Loading动画效果这是一款缠绕式加载动画效果,基于纯CSS技术实现,多个彩色线条相互缠绕并动态旋转,形成流畅且富有节奏感的视觉效果,适用于加载状态或等待指示等场景。

进度指示器
CSS+SVG动态环形进度指示器效果这是一款动态进度指示器效果,基于CSS+SVG技术实现,通过流畅的动画和颜色变化以及百分比填充效果展示任务进度,外围是环形形状,适用于加载状态或任务进度展示场景。

方块跳跃
CSS跳跃方块加载动画效果,支持调整跳跃方向这是一款跳跃方块加载动画效果,基于CSS技术实现,多个大小不一的方块以错落的节奏上下跳动,底部带有影子,形成动态的加载视觉效果,具有简洁且富有节奏感的设计,适用于等待或加载状态的场景。

附件图标
CSS+SVG「曲别针」文件附件上传交互动画图标效果这是一款文件附件上传的交互效果,基于CSS+SVG技术实现,用户点击按钮后,界面会模拟文件附着的动画效果,并且伴随图标变化以及进度指示,提供直观的视觉反馈,适用于表单或文件上传场景。