丰富的组件目录
目录将 111 个实时元素归入 24 个区块，涵盖常见控件和界面状态，而不仅是静态视觉示例。
用于海报风格界面的扁平墨韵组件
SHIUI 是一款扁平墨韵界面组件库，用于构建具有日本日之丸海报视觉特征的界面。其明确的配色以纸张、墨色和朱红为核心，设计方向明确采用无阴影处理。该目录展示的是实时示例，而非纯静态列表，用户可以在具体场景中查看交互状态。
该组件库围绕实用的界面构建模块进行组织：操作、标签与印章、表单、导航、反馈和进度。它适合为编辑、目录、档案、电商或流程型界面提供一致的印刷风格处理。现有网站内容展示了复制导入和源代码操作，但未说明框架、安装方法、包格式、集成方式、定价或许可条款。
主要特性
操作层级
按钮包括主要、次要、描边、幽灵、墨色、破坏性、加载、箭头、分割、小型、大型和图标等变体，并针对不同操作优先级提供使用指引。
有状态的表单控件
组件库包含文本输入框、多行文本框、选择框、复选框、单选控件、切换控件、开关、滑块、搜索、密码、文件、日期、OTP 和数量控件，以及标签、提示和错误信息。
导航模式
标签页、面包屑、分页、步骤、侧边栏、菜单列表、链接、页面圆点、返回顶部控件和区块导轨支持目录、流程及多步骤导航模式。
反馈与进度状态
警告、Toast、横幅、进度条、环形进度条和 enso 加载指示器用于呈现通知、完成、进行中和操作状态；其中多个示例支持关闭或交互。
日之丸风格的视觉语言
视觉系统以扁平的纸张、墨色和朱红质感为基础，采用强调墨韵的边框和状态而非阴影。示例包括悬停擦除效果、笔刷下划线、印章、数字和编辑标签。
潜在使用场景
编辑目录与档案
使用操作变体、标签、印章和导航导轨，为画廊、档案或展览目录打造一致的印刷风格界面语言。
印刷品与版本电商
结合面向产品的标签、价格印章、数量控件、结账风格的大型按钮、配送字段和进度步骤，用于小批量版本或印刷品电商流程。
提交与信息收集表单
使用字段控件、验证消息、OTP 输入、文件上传和日期字段，为委托、投稿、注册或艺术品收集流程提供起点。
结构化内容导航
当信息丰富的网站需要在收藏、流程页面和参考区块之间清晰切换时，可使用标签页、面包屑、分页、侧边栏、菜单列表和区块导轨。
生产与状态仪表板
使用警告、Toast、横幅、加载状态、晾晒/进度指示器和状态标签，在工作室、出版或生产型界面中传达运营更新。
Pros and Cons
Pros
- 包含 111 个实时元素的大型目录，归入 24 个区块。
- 同时涵盖视觉基础元素和实用交互状态，包括加载、错误、选中、可关闭和进度状态。
- 提供多种操作优先级和表单控件变体，有助于建立一致的界面层级。
- 目录包含交互式示例，以及用于评估和交接的复制导入/源代码操作。
Cons
- 现有内容未记录框架、包、安装和集成详情。
- 无法获取定价和许可条款；定价页面返回未找到响应。
- 该视觉方向具有鲜明的特定性，因此对于不适合扁平海报风格的产品，可能需要进行调整。
FAQ
SHIUI 是什么？
SHIUI 是一款灵感源自日本日之丸海报的扁平墨韵界面组件库。其示例以纸张、墨色和朱红作为主要视觉语言，并避免使用投影。
该组件库包含哪些内容？
该目录展示了分布在 24 个区块中的 111 个实时元素。文档示例包括按钮、徽章与印章、表单控件、导航、警告、Toast、进度指示器及其他界面状态。
如何评估这些组件？
这些示例具有交互性：按钮展示悬停行为，控件呈现选中或按下状态，滑块、切换控件、密码字段和可关闭通知等组件都可以直接在目录中试用。
文档中说明了哪些实现或框架支持？
网站展示了组件示例以及复制导入/源代码操作，但现有资料未指定框架、包格式、安装流程或集成方式。
在哪里可以找到定价和许可详情？
现有产品内容未说明定价和许可条款。该网站的定价路径目前返回未找到页面，因此应另行确认购买或使用条件。
Quick Facts
- 类别
- 设计工具 / 界面组件库
- 目录
- 24 个区块中的 111 个实时元素
- 视觉系统
- 纸张、墨色和朱红；无阴影
- 主要模式
- 操作、表单、导航、反馈和进度
- 评估流程
- 试用实时示例，然后使用复制导入或源代码操作
- 定价和许可
- 现有网站内容未说明
SHIUI 替代品
Refero MCP
Refero MCP 为 AI agents 提供对接，连接兼容 MCP 的 agent 与 Refero 精选的 Web 和 iOS 产品界面、用户流程库；帮助在生成 UI 前研究真实设计模式，Refero Pro 计划内可用。
Wowable
Wowable 是一款 AI 建站工具，可将 Google Maps 商家信息、社交主页、截图及其他公开业务资料快速生成可预览、可编辑、可发布的网站。支持免费预览，付费方案提供自定义域名和增长功能。
Pixso
Pixso 是一款新一代的 AI 原生 UI 设计工具，允许用户一键生成设计草稿和代码，是 Figma 的国内替代品。
Fronty
Fronty 是一款 AI 驱动的网页应用，可将截图和图片文件转换为 HTML 和 CSS，并通过无代码编辑器与托管功能继续优化并发布。
Appllama
Appllama 是面向高收入 iOS 应用的网页端 UI/UX 灵感库。可浏览界面、流程、付费墙和应用表现数据，支持付费方案解锁完整访问与协作功能。
Quarkdown
Quarkdown 是一款开源的 Markdown 排版系统，可用于创建论文、演示文稿、知识库和静态网站。支持命令行工作流、实时预览、HTML 输出和 PDF 导出。