Clay 高性能的 2D UI 布局库

联合创作 · 2025-03-05 18:01

Clay ( C Layout的缩写)是一个高性能的 2D UI 布局库。

主要特点

  • 微秒级布局性能
  • 类似 Flex-box 的布局模型,适用于复杂、响应式的布局,包括文本换行、滚​​动容器和纵横比缩放
  • 单个 ~2k LOC clay.h文件,无任何依赖项(包括无标准库)
  • Wasm 支持:使用 clang 编译为 15kb 未压缩的.wasm文件,以便在浏览器中使用
  • 基于静态竞技场的内存使用,无需 malloc / free,总内存开销较低(例如,8192 个布局元素约为 3.5mb)。
  • 类似 React 的嵌套声明语法
  • 与渲染器无关:输出渲染图元的排序列表,可在任何 3D 引擎中轻松合成,甚至可以编译为 HTML(提供示例)

查看 clay 网站上关于将 clay 编译为 wasm 并在浏览器中运行的示例,或者查看示例目录中的其他示例。

还可以观看介绍视频,了解 Clay 开发背后的动机以及其使用的简短演示。

 

浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报