跳转到正文

Glaze 是一款面向 Web 的实用工具类动画框架,旨在简化动画制作。它构建于功能强大的动画库 GSAP 之上,只需少量代码即可通过 Glaze 创建复杂动画。受 Tailwind 实用优先设计理念的启发,它为熟悉这种方法的用户提供了熟悉的体验。

Glaze 原生支持响应式设计,可通过定义断点让动画适应不同屏幕尺寸。该框架全面支持时间线,可按顺序或同时编排多个动画。

此外,Glaze 支持在设置对象中使用点表示法指定嵌套属性,让用户全面控制动画。目前仅支持 GSAP,但 Glaze 与动画库无关的语法为未来兼容其他动画库奠定了基础。

功能

  • 基于 GSAP,提供强大的动画功能
  • 受实用工具设计启发,采用熟悉的 HTML 优先方式
  • 通过断点实现响应式动画
  • 支持时间线,可按顺序或并行编排动画
  • 使用点号表示法,精细控制动画设置
  • 与动画库无关的语法,为未来扩展做好准备

相关项目

AutoAnimate

轻松为 Web 应用添加精彩动画。

Motion One

基于浏览器原生 API 构建的现代 Web 动画库,确保性能出色且文件体积小。

anime.js

这款动画库兼具灵活性和易用性,简化了为 Web 应用创建引人入胜动画的流程。

Framer Motion

强大的工具,只需少量代码,即可在 React 应用中创建出色的动画。

GSAP

这款动画工具让你轻松创建引人入胜的网页动画和交互效果,带来超越常规过渡效果的用户体验。

React Spring

这套动画方案可实现流畅、高性能的过渡效果,为各种界面注入活力,提升用户体验。

Sal

这个库可为开发者的 Web 应用添加流畅的滚动动画,并在元素进入视口时触发。

Tailwind Motion

一款采用简洁新语法的动画库,通过动态效果增强 UI,并注重性能和无障碍体验。