Typed.js 的替代品

4 个可以替代 Typed.js 的工具。费用、登录、平台与可访问性都是本站实测或从官网核对的。

Typed.js
mattboldt.com

开源的 JavaScript 打字动画库，把逐字敲出、退格和轮播多句话封装成构造函数，用 npm 安装后以 strings 数组和 typeSpeed 配置，适合前端开发者给营销页标题和终端风格演示加动态文字。

工具有免费版不用登录网页英文开源
查看详情打开官网

对比

条目费用登录平台国内可直接访问一句
React Bits 有免费版 — 网页 待检测 替代文字动画这一块：现成的文字动效组件，但只面向 React，非 React 页面用不上
GSAP 免费 可选登录 网页 待检测 替代打字动效这一块：用时间线手写逐字动画，功能更全但要自己搭，没有现成 strings 配置
Animate.css 免费 不用登录 网页 待检测 替代入场文字动效这一块：纯 CSS 类名即用，但没有逐字敲出、退格和轮播多句
Motion 有免费版 可选登录 网页 可以 替代文字动效这一块：属性驱动动画更通用，打字效果需自己组合，非专用打字库

详细介绍

部分替代 4
React Bits有免费版 开源的 React 动画组件库，把文字动画、背景、交互卡片和微交互做成带可调参数的独立组件，支持复制源码或用 CLI 安装，适合正在做 React 项目、想给界面加现成动效又不想引入庞大依赖的前端开发者。替代文字动画这一块：现成的文字动效组件，但只面向 React，非 React 页面用不上 GSAP免费可选登录 由 Webflow 支持的 JavaScript 动画库，用时间线编排 UI、SVG、文字与滚动动效，插件覆盖 ScrollTrigger、MorphSVG 等，适合前端开发者做营销页和品牌官网的精细交互。替代打字动效这一块：用时间线手写逐字动画，功能更全但要自己搭，没有现成 strings 配置 Animate.css免费不用登录 开源的纯 CSS 动画库，把入场、退场和强调动效写成 keyframes 与类名，加 animate__animated 前缀即可播放，也可只取 @keyframes 接入已有声明，适合前端开发者给标题、弹窗和图片快速加动效。替代入场文字动效这一块：纯 CSS 类名即用，但没有逐字敲出、退格和轮播多句 Motion有免费版可选登录国内可直接访问 开源的 Web 动画库，前身是 Framer Motion，用属性描述状态即可驱动布局、手势与弹簧动画，适合给网页或应用加交互动效的前端开发者。替代文字动效这一块：属性驱动动画更通用，打字效果需自己组合，非专用打字库

还有：TypeIt、Typed.js 的轻量替代：t-writer.js、Typed.js 的 React 封装 react-typed（未收录）

更新于 11 月 8 日 · 报告问题

查看详情 打开官网mattboldt.com