Solid Glass is a shadcn stylesheet for AI product interfaces

Every product that pairs a chat box with an agent has the same screen furniture to build: a composer, a stream of a reply, a list of the tools the agent reached for, a diff, and some indication that something is thinking. The team on each product is writing this from scratch, from a button and a card and a status dot. Solid Glass, from an author who goes by DeepLethe, is one stylesheet that gives those pieces back as components. It passed 836 stars on GitHub this week, three days after the first commit.

What the pieces are

The repository lists thirteen components beyond the base shadcn/ui set: status-glyph ("three points of light that say a turn is going, and what it is doing"), composer (the box the person writes in), tool-steps (the steps the agent took), diff-view (a diff), reasoning (the model's thinking), panel, tag, dot-loader, turn-status, ask-card, context-ring, task-notice, plus the shadcn primitives for buttons, inputs, tabs, dialogs, dropdowns, sheets, sidebars and form controls. The whole set is MIT, requires React 19 and Tailwind CSS 4, and ships as one CSS file plus the component code.

How it layers on shadcn

Solid Glass does not replace shadcn. It picks each component apart by the data-slot attributes shadcn already writes into its primitives, and restyles those slots with CSS variables and selectors. A project that already uses shadcn can add Solid Glass by linking the stylesheet; it works through what shadcn is already rendering, without any component rewrites.

The aesthetic

The name is literal. The components use edge highlights, hairline borders and soft shadows to put depth back into the surfaces without the blur-heavy liquid-glass look. The tagline on the demo site is "form with substance", and the system commits to that in its colour and shadow treatment: dense, material, not translucent. The site at deeplethe.github.io/solid-glass shows every component in a working chat view, so a reader can see each piece behaving before deciding to use it.

Why it fits an AI product

The components are organised around the actions an agent product has to show its user. A plain shadcn setup can draw a chat window; a shadcn plus Solid Glass setup can draw a chat window where the model's reply streams in, each tool call lands on its own row with a verb and a status glyph, a code change shows as a diff that keeps the user inside the conversation, and a long action notifies without opening a modal. The design decisions a team would make from the bare primitives are already made, and they are made for the live, changing surface that an agent produces.

The author released Utopia six weeks ago, a bitemporal knowledge graph for agent memory. Solid Glass is a different kind of release: not a system to run but a layer to drop in, with its own working demo, which is what every product-engineering team that ships this month can use.

Source

• DeepLethe, solid-glass
• Solid Glass demo