any-tdf

关于

GitHub 统一入口：Any TDF 框架站点：STDF（Svelte）｜RTDF（React）｜VTDF（Vue） Any TDF 是一个基于 Tailwind CSS，面向移动 Web 的多框架组件系统，提供 60 个能力对齐的组件，由之前单一支持 Svelte 的 STDF 升级过来。项目将状态派生、行为规则、主题、语言包、SVG 数据和公共类型集中到 @any-tdf/common，Svelte、React 和 Vue 实现层只处理响应式、生命周期、DOM、事件、slots、children 等框架相关内容。 它没有引入跨框架渲染器或 Web Components 包装层，因此三端仍然使用各自最自然的组件 API。共享逻辑的修复可以由三端共同受益，框架差异则留在各自实现层处理。这种“共享行为内核 + 框架原生渲染”的分层方式，可以作为兼容多框架组件库的一种实现方案。 项目内置 42 套主题，支持亮暗模式、多主题共存、自定义主题和运行时切换。三端均提供独立的主题生成器，可以基于 OKLCH 自动生成完整色阶，配置语义色、背景层级、文字色、圆角和图标风格，并实时预览、检查对比度及复制配置。目前内置 Remix、Lucide、Phosphor、Tabler、Iconoir 和 Reicon 六套图标方案。 此外，项目还内置 66 个地区语言包，支持 TypeScript、SSR 和按需引入，并提供统一脚手架、Tailwind CSS 与 UnoCSS 模板、VS Code 扩展、离线 AI Skills、Motion 扩展包，以及浏览器和视觉一致性检查。 项目采用 MIT 协议，目前已通过 npm 的 alpha 标签发布，适合需要维护多个前端技术栈、进行框架迁移或建设跨框架设计系统的团队参考。

收录记录

1. 阮一峰周刊·用户投稿

   2026年8月7日 · 1 次收录