← 返回总览

deeplethe/solid-glass

A design system for AI applications. Material, physical, tactile, technical.

★ 2,015Fork: 27语言: TypeScript协议: MITGitHub ↗

Star 增长趋势(本站收录历史)

0503.751K2K2K10-1610-1710-1810-19deeplethe/solid-glass 2026-10-16: 962deeplethe/solid-glass 2026-10-17: 1Kdeeplethe/solid-glass 2026-10-18: 2Kdeeplethe/solid-glass 2026-10-19: 2K
deeplethe/solid-glass

深度介绍

它是什么

Solid Glass 是一套专为 AI 应用打造的设计系统,用 TypeScript 编写,基于 React、Tailwind CSS 与 shadcn/ui 构建。它把“材质感、物理感、触感、技术感”作为设计语言的核心,为聊天界面、Agent UI 等场景提供开箱即用的组件与主题。

核心亮点

  • 面向 AI 交互的组件体系:chat-ui、agent-ui 等场景化模块直接可用
  • 强调玻璃质感与物理层次,视觉上区别于千篇一律的扁平后台模板
  • 深度集成 shadcn/ui 与 Tailwind,主题可定制、易扩展
  • MIT 协议,商用友好

为什么火

AI 产品爆发,但多数团队在 UI 上仍套用通用后台模板,缺乏“AI 原生”的视觉表达。Solid Glass 填补了这一空白:它不只是组件库,更是一套有态度的设计语言,让 LLM 应用在观感上立刻拉开差距。

适合谁用

正在做 AI 聊天、Agent 产品的前端团队;想快速搭出有辨识度界面的独立开发者;以及需要统一设计规范的设计师。

快速上手

git clone https://github.com/deeplethe/solid-glass

按文档安装依赖,引入主题与组件即可在 React 项目中试用。

deeplethe/solid-glass - AI 第一线