yeti

Yeti é um framework de layout e estilização CSS-first, nativo, zero-build, voltado para designers web, desenvolvido pela Foundation como sucessor do Foundation for Sites. Atualmente está em desenvolvimento na versão 7.0.0-alpha, portanto nomes de classes, atributos e tokens podem ainda mudar antes de um lançamento beta. O Foundation for Sites 6 continua em um ramo v6 separado com correções de bugs, e o pacote npm foundation-sites continua publicando 6.x a partir dele. O framework é entregue como uma única folha de estilo que pode ser vinculada diretamente, sem necessidade de Sass, Node ou bundler para usá-lo. Ele ainda pode ser composto em um pipeline de build existente, se houver, mas nunca exige um. Seu design se apoia em capacidades modernas de CSS nativo, como container queries, cascade layers, aninhamento nativo, light-dark(), dialog, popover e scroll-snap, substituindo trabalhos que anteriormente exigiam JavaScript ou um pré-processador. Em vez de classes utilitárias, o Yeti fornece primitivas de layout baseadas em intenção e receitas compostas configuradas por meio de um pequeno número de atributos de dados. Tipografia e espaçamento derivam de um valor base e uma proporção em tempo de execução, então alterar a proporção recalcula todo o sistema. Os componentes são descritos como acessíveis por padrão, com tratamento de foco e ARIA verificados em CI. Um manifesto legível por máquina descreve cada componente, e a documentação, dicas de tipo e um servidor MCP são gerados a partir dele, o que o projeto enquadra como tornando o framework legível para agentes. O projeto explicitamente não é uma biblioteca de componentes web, um framework utilitário ou um sistema de tempo de build, e não inclui polyfills. O suporte a navegadores visa Baseline 2025: recursos que alcançaram Baseline até o final de 2025 são usados sem proteções, enquanto recursos mais novos ficam atrás de @supports com fallbacks. O alpha atual inclui tokens, um reset, uma camada base, dezessete primitivas de layout, três receitas, os primeiros oito componentes e dois temas de exemplo. Os usuários podem vincular o código-fonte não compilado diretamente e escrever HTML simples, ou clonar o repositório, instalar dependências, instalar o Playwright e executar os comandos de teste e fixture para navegar pelos exemplos localmente. As contribuições são tratadas por meio de CONTRIBUTING.md, Discussions e modelos de issue. A licença é a Functional Source License 1.1 com uma licença futura MIT, permitindo uso, cópia, modificação e redistribuição, exceto como produto concorrente, com cada lançamento se tornando MIT puro dois anos após o lançamento.