{
 "schema_version": 1,
 "generated": "2026-10-20",
 "repo": "deeplethe/solid-glass",
 "name": "solid-glass",
 "owner": "deeplethe",
 "slug": "deeplethe-solid-glass",
 "github": "https://github.com/deeplethe/solid-glass",
 "what": "Solid Glass is a TypeScript design system of CSS and React components for AI applications, with a glass-inspired material that works alongside shadcn/ui.",
 "why": "",
 "language": "TypeScript",
 "requirements": [
  "Node.js and npm",
  "A shadcn/ui project with React 19, Tailwind CSS 4 and the Base UI components",
  "Git, if you want to run the site from a local clone"
 ],
 "audience_note": "Frontend developers and designers who already use or want to use shadcn/ui and Tailwind CSS 4 in a React app, especially for AI chat or agent interfaces.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Software and DevOps",
 "url": "https://dedupedai.com/use-cases/deeplethe-solid-glass/",
 "use_case_count": 4,
 "use_cases": [
  {
   "id": "deeplethe-solid-glass--apply-solid-glass-to-shadcn-project",
   "title": "Apply the Solid Glass look to a shadcn/ui project",
   "best": true,
   "url": "https://dedupedai.com/use-cases/deeplethe-solid-glass/apply-solid-glass-to-shadcn-project/",
   "json": "https://dedupedai.com/use-cases/u/deeplethe-solid-glass/apply-solid-glass-to-shadcn-project.json"
  },
  {
   "id": "deeplethe-solid-glass--add-agent-interface-components",
   "title": "Add agent status and chat components to an AI app",
   "best": false,
   "url": "https://dedupedai.com/use-cases/deeplethe-solid-glass/add-agent-interface-components/",
   "json": "https://dedupedai.com/use-cases/u/deeplethe-solid-glass/add-agent-interface-components.json"
  },
  {
   "id": "deeplethe-solid-glass--preview-solid-glass-locally",
   "title": "Run the Solid Glass site to preview components and blocks",
   "best": false,
   "url": "https://dedupedai.com/use-cases/deeplethe-solid-glass/preview-solid-glass-locally/",
   "json": "https://dedupedai.com/use-cases/u/deeplethe-solid-glass/preview-solid-glass-locally.json"
  },
  {
   "id": "deeplethe-solid-glass--tune-solid-glass-theme-with-create-page",
   "title": "Tune the glass thickness, tint and radius with the Create page",
   "best": false,
   "url": "https://dedupedai.com/use-cases/deeplethe-solid-glass/tune-solid-glass-theme-with-create-page/",
   "json": "https://dedupedai.com/use-cases/u/deeplethe-solid-glass/tune-solid-glass-theme-with-create-page.json"
  }
 ],
 "disclaimer": "Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk."
}