React / Patterns

交互模式

面向后台、工具和会话型产品的通用组合能力,只提供结构、状态和回调,不绑定业务接口。

项目控制台
运行中
Workspace

组件维护

在同一个页面骨架中验证标题、只读字段和关键确认流程。

最近更新:刚刚
预览地址
https://ui.ug666.top/react/patterns
访问令牌
ug_live_••••••••

可操作预览已就绪

完整外观配置

面板保持受控,存储和业务字段由应用自行接入。

主题风格

选择整套界面的基础视觉气质。

显示模式

使用亮色、暗色,或自动跟随操作系统。

主题色

统一按钮、链接、当前项和焦点状态。

界面细节

界面密度

控制页面留白与控件间距。

圆角风格

统一控件和面板的边角语言。

阴影层级

调整浮层与卡片的空间层次。

字体排版

选择阅读性或信息密度取向。

文字对比

调整正文和次要信息的清晰度。

界面动效

控制过渡反馈的强弱。

页面背景

选择纯净、网格或柔光背景。

请把构图再收紧一些,保留更多呼吸感。
助手
可以。页面业务只需要提供正文、媒体或任务渲染,消息组件负责稳定的角色与状态结构。
公共模式不包含 Markdown 或模型逻辑
  • 参考图.png

    参考图.png

    已上传1.8 MB
  • 创作简报.pdf

    上传中 68%2.4 MB
Enter 发送,Shift+Enter 换行