Scrambl 是一个零依赖的 TypeScript 文字扰动动画库，面向 Vanilla JS、React 和 Vue。它适合给官网标题、产品首屏、开发者工具、终端感界面或活动页加入“解码 / 揭示 / 扫描”效果，让一段普通文案在进入视野、悬停或点击时更有记忆点。
项目的核心是一个很小的浏览器端动画引擎，通过 requestAnimationFrame 驱动，提供 play、pause、restart、destroy 等控制能力。它内置 blocks、braille、katakana、binary、hex、symbols、numbers 等字符集，也支持自定义字符，能从左、右、中间或随机方向完成文字揭示。
对前端开发者来说，Scrambl 比较贴心的地方在于适配层完整：你可以直接用 @scrambl/core 操作 DOM，也可以在 React 里使用 hook / component，在 Vue 里使用 composable / component。项目还提供 Demo Lab，用来调试持续时间、扰动强度、渲染模式和多语言文本效果。
如果你的产品需要一点赛博感、CLI 气质或 hacker 风格，但又不想引入沉重动画库，Scrambl 是一个轻量选择。它采用 MIT 协议开源，适合放进个人站、SaaS 落地页、作品集和互动型文档里快速试验。
传送门
https://github.com/vikingmute/scrambl
原创文章，如若转载，请注明出处：https://wefound.cc/p/2212.html
