shadcn UI Design Kit — Our In-House Chat Screen Kit.

What we built.

shadcn UI Design Kit — Chat Screen Kit

In this video, I walk through the chat screen kit we built in-house — a shadcn-based UI kit that's now been downloaded by 2,300 users, with 61 of them leaving appreciations. You'll see every screen in the set, in both light and dark mode, and how the kit extends beyond the standard shadcn chat components with layouts we needed on real work and couldn't find elsewhere.

I also show the kit in context: examples pulled from actual client projects where these screens went straight into production. That's the point of building a kit rather than one-off screens — consistent, reusable components that ship fast without looking generic.

As a full-service product engineering agency, we design and build with shadcn to blend clean functionality with real visual character — Figma layouts that translate directly into responsive, production-ready interfaces carrying your brand's identity. See more of our UI work on our design wall, browse more builds across our showcase, or explore our full project portfolio.

Built on the open-source shadcn/ui component library.

Need shadcn designs or a UI kit built out? Tell us about your project and we'll come back with a clear scope.