主流 App 的界面动效录屏库:2000+ 条覆盖 487 个应用,按手势/交互模式筛选
Tegaki
把任意字体变成逐笔手写动画:笔顺粗细都在,中日韩文通吃
内容更新日期 · 2026-10-13
What is it · 它是什么
什么是 Tegaki
Tegaki(手write 之意)是开源的手写动画库和生成器:提取任意字体的笔画、笔顺和粗细,在真实可选的 DOM 文本上用 canvas 逐笔「写出来」——拉丁、阿拉伯、中日韩等文字系统都支持。浏览器内的 Studio 生成器免服务器运行,还提供流式文本模式(AI 输出打字机效果)、时间线控制和 Remotion 导出视频。页面标题动画最出彩的一招。MIT 开源。
How to use · 怎么用
怎么用 Tegaki
- 在官网 Studio 里挑字体、敲文字,实时预览手写动画。
- 把生成的配置接进 React/Vue/Svelte 组件。
- AI 流式输出场景用流式模式,或经 Remotion 导出成视频。
Key features · 核心特点
Tegaki 的核心特点
- 任意字体提取笔画笔顺,真实 DOM 文本上动画
- 中日韩、阿拉伯等多文字系统
- 浏览器内生成器,免服务器
- 流式文本+时间线+视频导出,MIT 开源
