chenglou/pretext

本页介绍外部开源仓库，并非 HDATF 产品。

它做什么

一个用自有逻辑测量多行文本并计算排版的JavaScript和TypeScript库，可以避免会触发布局重排的DOM测量。结果可以渲染到DOM、Canvas或SVG。

对 ATF 的帮助

在ATF Works的长消息列表或聊天界面中，需要在不触发DOM重排的情况下计算文本高度时可以参考。它的Markdown聊天演示正好讲解了这种场景。

许可证

MIT 宽松许可。保留版权声明即可商用和修改。

同领域的其他仓库

• VoltAgent/awesome-design-md
  汇集DESIGN.md文件的合集，这些markdown文档整理了知名网站的设计token、模式和规则。放入项目后，AI coding agent可以生成遵循该设计语言的UI。
• bwya77/vscode-dark-islands
  一款适用于VS Code及VSCodium等兼容编辑器的深色主题，带有悬浮玻璃质感面板、圆角、胶囊形活动栏和滚动条，以及暖色调语法高亮。
• alexpate/awesome-design-systems
  汇集各公司和机构设计系统的列表。每个条目都标明是否提供代码组件、语气与语调指南、设计师工具包以及公开源代码。
• lukilabs/beautiful-mermaid
  beautiful-mermaid是一个TypeScript库，可把Mermaid图渲染为可换主题的SVG，或供终端显示的ASCII和Unicode文本，且不依赖DOM。它支持流程图、状态图、时序图、类图、ER图和XY图表。
• google-labs-code/design.md
  DESIGN.md是一种向coding agent描述设计系统的文件格式，把YAML front matter中的design token与用Markdown写的设计理由结合在一起，lint工具会检查规范符合性、token引用和WCAG对比度。

只收录进入 Trendshift 排行榜的仓库，榜单仅用于寻找候选项目，不转载名次。说明、许可证和星标数来自各 GitHub 仓库。解读是我们自己的判断。我们尚未测试这些项目，上榜并不证明质量。