T
traeai
登录
返回首页
Viking(@vikingmute)

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

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

TL;DR · AI 摘要

开源文字切换滚动特效库 Scrambl 支持多种框架,0依赖,适合 geek 风网站标题效果。

核心要点

  • Scrambl 支持 React/Vue/Vanilla.js,0依赖
  • 支持10种字符集和自定义配置
  • 特别适合 geek 风格网站的标题滚动

结构提纲

按章节快速跳转。

  1. 介绍 Scrambl 是一个文字切换滚动特效库。

  2. 支持多种字符集、多框架兼容及自定义配置。

  3. 特别适合 geek 风格网站的标题滚动效果。

思维导图

用一张图看清主题之间的关系。

查看大纲文本(无障碍 / 无 JS 友好)
  • Scrambl 文字切换滚动特效库
    • 核心特性
      • 0依赖
    • 支持框架
      • React
      • Vue
      • Vanilla.js
    • 适用场景
      • geek 风网站标题

金句 / Highlights

值得收藏与分享的关键句。

#前端#特效库#开源
打开原文

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

Image 2

Viking

@vikingmute

Show translation

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

0:18

Quote

Image 3

Viking

@vikingmute

·

May 5

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

Image 4

12:14 PM · May 11, 2026

·

8,695 Views

11

57

70

AI 可能会生成不准确的信息,请核实重要内容