yeti

Yeti es un framework de maquetación y estilos nativo, CSS-first y sin compilación, orientado a diseñadores web, desarrollado por Foundation como sucesor de Foundation for Sites. Actualmente se encuentra en desarrollo en la versión 7.0.0-alpha, por lo que los nombres de clases, atributos y tokens pueden cambiar antes de una versión beta. Foundation for Sites 6 continúa en una rama v6 separada con correcciones de errores, y el paquete npm foundation-sites sigue publicando 6.x desde esa rama. El framework se distribuye como una única hoja de estilos que puede enlazarse directamente, sin necesidad de Sass, Node ni empaquetadores para usarlo. También puede integrarse en un pipeline de compilación existente si lo hay, pero nunca lo exige. Su diseño se apoya en capacidades CSS nativas modernas como container queries, cascade layers, anidamiento nativo, light-dark(), dialog, popover y scroll-snap, sustituyendo trabajo que antes requería JavaScript o un preprocesador. En lugar de clases de utilidad, Yeti ofrece primitivas de layout basadas en intención y recetas compuestas configuradas mediante un pequeño número de atributos de datos. La tipografía y el espaciado derivan de un valor base y una proporción en tiempo de ejecución, de modo que cambiar la proporción recalcula todo el sistema. Los componentes se describen como accesibles por defecto, con manejo de foco y ARIA verificados en CI. Un manifiesto legible por máquina describe cada componente, y a partir de él se generan la documentación, las sugerencias de tipos y un servidor MCP, lo que el proyecto plantea como hacer el framework legible para agentes. El proyecto explícitamente no es una biblioteca de componentes web, un framework de utilidades ni un sistema de compilación, y no incluye polyfills. El soporte de navegadores apunta a Baseline 2025: las características que alcanzaron Baseline a finales de 2025 se usan sin protecciones, mientras que las más nuevas quedan detrás de @supports con alternativas. La alpha actual incluye tokens, un reset, una capa base, diecisiete primitivas de layout, tres recetas, los primeros ocho componentes y dos temas de ejemplo. Los usuarios pueden enlazar directamente el código fuente sin compilar y escribir HTML plano, o clonar el repositorio, instalar dependencias, instalar Playwright y ejecutar los comandos de pruebas y fixtures para explorar ejemplos localmente. Las contribuciones se gestionan a través de CONTRIBUTING.md, Discussions y plantillas de issues. La licencia es la Functional Source License 1.1 con una licencia MIT futura, que permite uso, copia, modificación y redistribución salvo como producto competidor, y cada versión pasa a ser MIT puro dos años después de su publicación.