有人把 634 个动画 ASCII 艺术全部打包开源了。24 个分类,城市、3D、游戏、复古电脑、加载动画,全都会动。项目叫 ascii-magic-art,MIT 协议,商用免费。
用法比想象中简单。
终端里敲一行:
npx ascii-magic-art
会进入一个交互界面,上下左右键浏览所有作品,按 s 切换风格:半色调、像素抖动、二进制、方块字。按回车,当前作品的 prompt 会复制到剪贴板,直接丢给 Claude Code、Cursor、Copilot 这类 AI 编程助手,一句话就能加进项目。
不想慢慢挑,也可以直接指定:
npx ascii-magic-art matrix-rain
网页嵌入更简单,一个标签搞定:
<script type="module" src="https://www.ascii-magic.com/ascii/ascii.js"></script>
<ascii-art piece="moonlit-sea"></ascii-art>
支持 React、Next.js、Vue、Svelte、Astro。还能导出 GIF、视频和 4K 壁纸。做 404 页面、加载动画、空状态、进度条,瞬间从“能用”变成“好酷”。GitHub README 配个动画横幅,效果也够唬人。
几个演示效果:
项目里每个作品都是独立的 ES module,没有依赖,可以自己写代码调用。想自制作品也行,官方提供了工具链,校验器会检查每一帧的尺寸、字符集、动画帧耗时。
这个项目聪明的地方在于,它把“看动效”和“用动效”之间的链路打通了。以前找素材要下载、处理、嵌入,现在终端里选好,prompt 复制到剪贴板,AI 直接写进代码。整个流程花不到一分钟。
有网友说,这类素材最适合当门面。在很多客户眼里终端里跳动的字符很高级。
网站体验:https://www.ascii-magic.com/app
项目地址:github.com/kailashsr38/ascii-magic-art
关注公众号回复“进群”入群讨论

