deeplethe/solid-glass

选用指南

AI 根据 README 整理 · 2026/10/19 18:41:17

使用方式

通过 shadcn CLI 安装样式表和组件，在 React 19 和 Tailwind CSS 4 项目中使用。

查看 README 依据

Start from a shadcn/ui project (React 19, Tailwind CSS 4, the Base UI components): ```bash npx shadcn@latest init ``` Add the stylesheet, straight from this repository: ```bash npx shadcn@latest add deeplethe/solid-glass/solid-glass ``` Import it after Tailwind and shadcn's stylesheet, and delete the `:root` and `.dark` colour variables that `shadcn init` wrote (Solid Glass defines the same names): ```css @import "tailwindcss"; @import "tw-animate-css"; @import "shadcn/tailwind.css"; @import "./solid-glass.css"; ``` Dark is the material as designed; light is there too. The

部署要求

需要基于 shadcn/ui 的项目，包括 React 19、Tailwind CSS 4 和 Base UI 组件。

查看 README 依据

Start from a shadcn/ui project (React 19, Tailwind CSS 4, the Base UI components): ```bash npx shadcn@latest init ``` Add the stylesheet, straight from this repository: ```bash npx shadcn@latest add deeplethe/solid-glass/solid-glass ``` Import it after Tailwind and shadcn's stylesheet, and delete the `:root` and `.dark` colour variables that `shadcn init` wrote (Solid Glass defines the same names): ```css @import "tailwindcss"; @import "tw-animate-css"; @import "shadcn/tailwind.css"; @import "./solid-glass.css"; ``` Dark is the material as designed; light is there too. The