deeplethe/solid-glass

solid-glass 是一套面向 AI 应用的 React 设计系统，基于 shadcn/ui 和 TailwindCSS 打造，主打一种「远看是玻璃、近看有质感」的视觉风格：细边框、柔和阴影、克制的高光，介于扁平设计和 Apple 的 liquid glass 之间，但刻意保留不透明度，避免文字和背景打架。它解决的具体问题是 AI 产品界面信息流不断变化——流式回复、Agent 执行任务、等待人工确认——容易让界面显得杂乱，这套系统用中性底色、层次分明的深度和只用于有意义反馈的色彩动效来保持界面安静可读。仓库里除了主题样式，还提供可直接抄的整屏 Blocks（比如 agent 工作台）和一个可实时调参的 Create 页面，能生成对应的 CSS。适合正在做 Chat UI、Agent 控制台或 LLM 应用前端的 React 开发者和设计师，如果你不碰 AI 产品的界面，关系不大。

Star 趋势

话题标签

仓库信息