Splitting.js

splitting.js.org

一个仅 1.5KB 的 JS 库，将文字、网格、图片拆分为元素并注入 CSS 变量，方便用 CSS 做动画。

开源HTML/CSS网页浏览器

被推荐 1 次

适合做什么

适合前端开发者和动效设计师为网站文字、网格、图片添加 CSS 驱动的拆分动画。

授权

技术栈

平台

@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗

Splitting.js Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!

动画库

专业级 JavaScript 动画库，可流畅动画化 UI、SVG 与 WebGL，性能出色、缓动丰富。

HTML/CSS落地页

gsap.com1 处推荐详情

动画库

面向 React、JavaScript 和 Vue 的现代动画库，支持手势、弹簧、布局过渡与滚动联动，性能出色。

开源ReactVue

github.com1 处推荐详情

动画库

专业级 JavaScript 动画库，高性能、跨浏览器，可动画化任何 JS 能触及的内容。

免费+付费HTML/CSS

greensock.com1 处推荐详情

动画库

生产级 Web 动画库，支持 React、JavaScript 和 Vue，提供高性能、小体积的动画 API。

开源ReactVue

motion.dev2 处推荐详情

动画库

生产级 Web 动画库，支持 React、JavaScript 和 Vue，轻量高性能，含 450+ 示例。

开源ReactVue

framer.com1 处推荐详情

3D / WebGL 库

轻量易用的跨浏览器 JavaScript 3D 库，基于 WebGL/WebGPU 渲染，可创建交互式 3D 场景。

开源HTML/CSS3D

github.com1 处推荐详情