Typed.js
mattboldt.com又名 typed.js、Typed
开源的 JavaScript 打字动画库，把逐字敲出、退格和轮播多句话封装成构造函数，用 npm 安装后以 strings 数组和 typeSpeed 配置，适合前端开发者给营销页标题和终端风格演示加动态文字。
工具有免费版不用登录网页英文开源
Typed.js 是一个跑在浏览器里的 JavaScript 库，专门做「文字一个字一个字冒出来」的效果。页面上那句「Type your heart out」就是它自己演示自己：光标闪烁，句子逐字敲完，再退格换下一句。做落地页标题、终端风格介绍、轮播标语时，手写定时器容易出边界问题，它把这些封装成一个构造函数。
怎么用
安装走常规前端包管理，页面给了三条命令：npm install typed.js、yarn add typed.js、bower install typed.js。初始化时选中元素，把要轮播的句子放进 strings 数组，再用 typeSpeed 控制每个字的间隔，例如 typeSpeed: 30。更细的配置项、回调和用例，作者指向 GitHub 上的 README。
授权与费用
库本身开源，代码在 GitHub 上。页面另外列了两种商业授权：Limited Commercial License 用于单个商业项目，Unlimited Commercial License 用于不限数量的商业项目，具体条款各自链接到仓库里的授权文件。个人或非商业项目通常不需要买，商业项目用之前最好先读一遍条款。
适合谁
适合会写前端、想给页面加一点动态文字效果的人，尤其是做营销页和产品官网的开发者。它只负责打字这一件事，不提供可视化编辑器，参数要写进代码里；不写 JS 的话用不上。
常见问题
Typed.js 收费吗？
Typed.js 有免费版，部分功能或用量要付费。库开源；商业授权分单项目与不限项目两档，价格未列。
用 Typed.js 要登录吗？
不用登录就能用。
Typed.js 有哪些平台 / App？
支持 网页。
Typed.js 的替代品有哪些？
本站整理了 4 个替代品，例如 React Bits、GSAP、Animate.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，用属性描述状态即可驱动布局、手势与弹簧动画，适合给网页或应用加交互动效的前端开发者。替代文字动效这一块：属性驱动动画更通用，打字效果需自己组合，非专用打字库