Nami UI v1.6

Nami UI

跨框架、可换肤的 Web Components UI 组件库

使用标准 Web Components 构建应用界面。Nami UI 提供默认社区风格、插画风格、开放主题算法和语义化组件结构,适合原生 HTML、Vue、React 与长期维护的设计系统。

快速开始 浏览组件 主题控制
跨框架 可换肤 可访问 元数据驱动
插画风格
Live preview
Token Docs F
/
Primary Soft Live
安装

Paths

组件库官网应从真实使用路径开始

安装、主题、组件、框架接入、质量规范被拆成清晰路由;首页只保留产品定位、核心能力和高价值入口。

01

快速开始

安装包,选择全量注册或单组件导入,再引入主题 CSS。

快速开始
02

组件

按界面任务浏览组件,并进入详情页查看示例、API、slots、parts 和 tokens。

浏览组件
03

主题

用同一套 seed 控制主题色、明暗模式、风格预设、密度、圆角、对比度和动效。

主题

主题

一套组件源码,多套视觉系统

默认风格与插画风格共用同一批 nami-* 组件。通过 accent、dark、density、radius、contrast、motion 等 seed 派生完整 token,并通过 CSS Parts 与组件令牌安全定制。

Default

Save Selected

Illustration

Save Selected

主题控制

紧凑密度 减少动效 插画风格 高对比度