HOLDFAST · Odyssey 设计语言
主权自持的
框架无关组件库
Odyssey UI 是 HOLDFAST 内部 Odyssey 设计语言的公开发行版:纯 CSS + vanilla JS,零依赖、零 CDN 外链、自包含。一个 <link>、一个 <script>,即得 Element-UI 级的完整组件与亮暗主题。
Zero dependency
Token-driven
Light & Dark
MIT (placeholder)
为什么选 Odyssey UI
主权自持
无 npm、无构建、无第三方运行时。图标为内联 SVG,字体可选内嵌,交付物完全自包含。
零依赖
一份 CSS + 一份 JS,无外链、无 CDN 调用、无网络请求。放进任何页面即可运行。
亮暗主题
默认亮色,暗色同时支持系统偏好与显式 [data-theme],一次点击即切换并记忆。
Token 驱动
两级 --ody-* token(原始 → 语义),换肤只需覆盖语义层,组件规则纹丝不动。
CDN 即用
指向发行地址 odyssey.w33d.xyz 一行引入,或整包自托管,随你掌控。
Element 级广度
Actions、Forms、Data display、Feedback、Navigation 五大类,覆盖数十个组件与状态。
30 秒装上
在页面 <head> 引入样式,在 </body> 前引入脚本即可。字体为可选项。
<!-- 样式(必需) -->
<link rel="stylesheet" href="https://odyssey.w33d.xyz/1.0/odyssey.css">
<!-- Inter 字体(可选) -->
<link rel="stylesheet" href="https://odyssey.w33d.xyz/1.0/odyssey-font.css">
<!-- 交互脚本(可选,data-* 渐进增强) -->
<script src="https://odyssey.w33d.xyz/1.0/odyssey.js"></script>