写好了,开源下自己写的一个文字切换滚动的特效库:Scrambl

TL;DR · AI 摘要
开源文字切换滚动特效库 Scrambl 支持多种框架,0依赖,适合 geek 风网站标题效果。
核心要点
- Scrambl 支持 React/Vue/Vanilla.js,0依赖
- 支持10种字符集和自定义配置
- 特别适合 geek 风格网站的标题滚动
结构提纲
按章节快速跳转。
思维导图
用一张图看清主题之间的关系。
查看大纲文本(无障碍 / 无 JS 友好)
- Scrambl 文字切换滚动特效库
- 核心特性
- 0依赖
- 支持框架
- React
- Vue
- Vanilla.js
- 适用场景
- geek 风网站标题
金句 / Highlights
值得收藏与分享的关键句。
Scrambl 支持 React/Vue/Vanilla.js,0依赖,适合 geek 风网站标题滚动效果。
支持10种字符集,可自定义配置,无需额外依赖。
建议使用等宽字体以获得更美观的效果。
https://t.co/sxMGjCFCiH
自己完成的最小化内核,0 依赖,支持多种字符集(十种),支持自定义,同时支持 Vanilla.js / React / Vue, 支持多行以及 Stable layout,特别适合 geek 风网站的标题滚动效果。
如果使用,建议使用 Monospace https://t.co/QciL7PeLyh" / X
Viking on X: "写好了,开源下自己写的一个文字切换滚动的特效库:Scrambl https://t.co/sxMGjCFCiH 自己完成的最小化内核,0 依赖,支持多种字符集(十种),支持自定义,同时支持 Vanilla.js / React / Vue, 支持多行以及 Stable layout,特别适合 geek 风网站的标题滚动效果。 如果使用,建议使用 Monospace https://t.co/QciL7PeLyh" / X
Don’t miss what’s happening

Show translation
写好了,开源下自己写的一个文字切换滚动的特效库:Scrambl https://scrambl.vikingz.me 自己完成的最小化内核,0 依赖,支持多种字符集(十种),支持自定义,同时支持 Vanilla.js / React / Vue, 支持多行以及 Stable layout,特别适合 geek 风网站的标题滚动效果。 如果使用,建议使用 Monospace 字体,等宽以后更美观大方。照例使用 Hyperframe 做的宣传视频,里面的特效直接用的是自己写的东西,Images2 生成的 logo 和 官方网站等素材。自认为官网挺美观,没有 AI Slop 味道。
0:18
Quote

@vikingmute
·
May 5
今天花时间写了支持 vanilla.js / react / vue 的 scrambleText 库,自己写的最小化内核,没有用 Anime.js ,支持多种字符集,0 依赖,写清楚需求,一个 monorepo ,AI 花了十五分钟所有功能就写好了。 现在发现调设计是最花时间的,然后网站首页花了一个小时我自己还不满意。Codex x.com/vikingmute/sta…

·
11
57
70