Official templates · for oas-ui

oas-ui official template collection

面向 oas-ui Web Components 组件库的官方后台模板。零框架运行时 · TypeScript + Vite · 原生 / React / Vue / Svelte 全覆盖,拉下来就能跑。

templates范式可选
0framework无框架运行时
TS+ Vite类型安全 + 极速 HMR
<215ms冷启动到 dev server
terminal — pull & run
Templates

Template gallery · pick by scenario

同一个 oas-ui 组件库,在不同框架 / 打包方式下的样子。

» admin-pro / vanilla 首推

完整后台框架

中大型后台首选。设置中心把外观 / 布局 / 数据 / 通知四类配置拆成独立 Tab,所有偏好持久化。

权限守卫 设置中心 多页签 可配置导航 i18n 主题定制

» admin-pro / cdn 零构建

完整后台框架

通过 unpkg 引入 oas-ui,原生 JS 直写:完整后台功能开箱即用,不走打包,独立实现。

CDN CRUD i18n 零构建 表单

» admin-pro / cdn-mpa 零构建 · MPA

完整后台框架

最朴素的多页范式:一页一 HTML、真实浏览器跳转、公共 JS 抽取复用——零运行时假设。

多页应用 CRUD i18n 零构建 表单

» admin-pro / react React

React 19 · Vite

React 19 + react-router(hash/history 双模式)。useOasEvent 事件桥接 oas-* 自定义事件,完整后台功能,独立实现。

权限守卫 多页签 i18n 主题定制

» admin-pro / vue Vue

Vue 3.5 · Vite

Vue 3.5 + vue-router。oas-* 组件事件与属性经 @oas-* 模板直绑,完整后台功能,独立实现。

权限守卫 多页签 i18n 主题定制

» admin-pro / svelte Svelte

Svelte 5 · Vite

Svelte 5 runes。oas-* 组件事件与属性模板直绑,完整后台功能,独立实现。

权限守卫 多页签 i18n 主题定制

» mobile-h5 Mobile

Mobile H5 · Vite

移动端 H5 应用形态:app-bar / 底部导航 / bottom-sheet 移动组件栈,信息流 + 发布 + 我的,皮肤切换与六模板对齐。

移动端 底部导航 i18n 主题定制

» desktop Desktop

桌面软件体验 · Vite

桌面软件式后台:自绘标题栏 + 菜单栏 + 活动栏 + 状态栏,玻璃质感与皮肤全量继承,含暗色创作台工作区。

桌面应用 菜单栏 i18n 主题定制