yeti

Yeti是由Foundation开发的CSS优先、原生零构建布局与样式框架，作为Foundation for Sites的继任者。目前处于7.0.0-alpha开发阶段，类名、属性和token在beta发布前可能仍会变化。Foundation for Sites 6继续在独立的v6分支上进行bug修复，foundation-sites npm包持续从该分支发布6.x版本。 该框架以单个样式表形式交付，可直接链接使用，无需Sass、Node或打包工具。如果已有构建流程，也可将其集成进去，但绝不强制依赖。其设计依托现代原生CSS能力，包括容器查询、级联层、原生嵌套、light-dark()、dialog、popover和scroll-snap，替代了过去需要JavaScript或预处理器才能完成的工作。 Yeti不提供工具类，而是通过少量data属性配置意图导向的布局原语和组合配方。排版与间距由一个基准值和一个比例在运行时派生，修改比例即可重新计算整个系统。组件默认设计为可访问，并在CI中检查焦点处理和ARIA支持。机器可读清单描述每个组件，文档、类型提示及MCP服务器均由此生成，使框架对AI代理更加透明可读。 该项目明确不是Web组件库、工具类框架或构建时系统，且不提供任何polyfill。浏览器支持目标为Baseline 2025：在2025年底达到Baseline的功能无需条件判断直接使用，更新的功能则通过@supports提供回退方案。当前alpha版本包含token、重置样式、基础层、17个布局原语、3个配方、前8个组件及2个示例主题。用户可以直接链接未构建源码编写纯HTML，也可以克隆仓库、安装依赖、安装Playwright并运行测试和fixture命令来本地浏览示例。贡献方式遵循CONTRIBUTING.md、Discussions和issue模板。许可证为Functional Source License 1.1，附带MIT未来许可证条款：允许使用、复制、修改和再分发，但禁止作为竞争产品，每次发布两年后自动转为纯MIT许可证。