介绍

SnowUI 是面向熟悉、可预测产品体验的 Svelte 5 设计系统。它把颜色、文字、圆角、尺寸、内边距和间距收敛为精简的基础，同时通过组合、主题和公开 API 保留定制空间。

开始使用探索组件

精简的设计基础

SnowUI 有意精简日常设计所需的选择。少量语义颜色、字号、间距、圆角与尺寸让常见界面默认保持一致；组合、主题和公开 API 则让不同产品保有自身特点。

可靠的默认行为

熟悉

控件沿用易于识别的交互模式，无须为每个产品重新创造一套操作方式。

可预测

状态、键盘操作、焦点、动效、加载和组合遵守共同的契约。

可定制

默认能力完整，同时可通过 variant、Props、Snippets、主题、class 和 style 稳定地调整。

系统级能力

协调缩放

排版、尺寸、内边距、间距和圆角一起缩放，同时保持尺寸语义稳定。

自动骨架屏

组件描述自身的渲染形状，页面无需为加载状态单独编写占位结构。

语义图标

内置功能图标无需额外资源包即可使用，也可通过应用级 Provider 统一切换。

共享协议

状态、布局、上下文、加载和外层动效共用实现，并作用于每个参与的组件。

精简的语义 HTML

组件减少无谓包装，同时保留语义、键盘操作和辅助技术支持。

统一的本地化

日期、数字、内置文案和可访问名称在组件间共用一套语言契约。

一套系统，清晰的产品层次

基础组件

在 Svelte 应用中使用 SnowUI 的无障碍基础组件。

复合组件

提供高级数据展示、可视化、动效和协同交互。

应用区块

基于同一公开契约构建更大规模的应用结构。

让 AI 在对话中生成可交互界面

SnowUI 是 Svelte 5 组件与设计系统。我们正在建设让 AI 在对话中生成可交互界面的能力，让用户直接输入、选择、操作并继续对话；支持范围以组件、版本和真实宿主验收为准。 AI 对话内生成和使用 SnowUI 界面完全免费，不属于项目，不占项目或开发者席位额度，无需 SnowUI 注册、激活或付费证明。

对话交互能力正在建设，支持的组件与平台将在验证后公布。

AI 对话内生成和使用 SnowUI 界面完全免费，不属于项目，不占项目或开发者席位额度，无需 SnowUI 注册、激活或付费证明。

为人和 AI 共同设计

Figma 变量、设计 Token、公开 Svelte API、可运行示例、测试和机器可读目录共享同一组件事实。设计师、开发者和编程 Agent 可先找到现有契约，再决定是否需要新增 DOM、CSS 或行为。

探索 SnowUI

开始构建

安装组件包并渲染第一个 SnowUI 组件。

阅读快速开始

浏览基础能力

查看 Button 的公开 API，并沿组件导航继续探索。

查看 Button

探索高级界面

了解组件库中的复杂数据与可视化组件。

查看 DataTable