AI interfaces are full of things that move: responses streaming in, agents running tools, questions waiting for a human. Solid Glass is a design system built for that: one stylesheet that gives your existing shadcn/ui components a calm, glass-like material, plus a set of agent-specific components for status lines, tool steps, diffs and questions.

The best part: it finds each part of a shadcn/ui component by the data-slot and classes it already carries, so the components you have need no changes. Here is how to add it in about 30 minutes.

What you need

A shadcn/ui project on React 19, Tailwind CSS 4 and the Base UI components.…