Odyssey UI v1.0.0

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>

按类别浏览