About UX Components

What is UX Components?

UX Components is a practical reference for user interface components. It helps designers and developers understand what each component is, when to use it, when to choose something else, and how it's named across different design systems.

The site covers 59 components across 9 categories, with interactive previews, anatomy breakdowns, state documentation, usage guidance, and AI-powered prompts for generating component specifications.

Why compare design systems?

One of the challenges in working across teams and tools is that the same component often goes by different names. A Toast in one system is a Flag in another, a Snackbar in a third. UX Components maps terminology across 46 design systems so you can quickly find the equivalent component in whatever system you're working with.

What is Atomic Design?

The Atomic view organizes components into Atoms, Molecules, and Organisms — a methodology created by Brad Frost. His book What is Atomic Design? introduced a way of thinking about UI as a hierarchy of increasingly complex building blocks — from the smallest indivisible elements (atoms) to self-contained sections of an interface (organisms). This framework has shaped how teams around the world structure their design systems, and UX Components uses it as one of several ways to browse and understand components. Thank you, Brad, for giving the community such a clear and lasting model.

How is it built?

UX Components is a static site built with vanilla HTML, CSS, and JavaScript — no frameworks, no build step. The AI chat feature connects to Claude via a lightweight PHP API. The entire site was vibe coded using Claude Code.

Who made this?

UX Components is created by Patrick Neeman, a Senior Principal UX Designer at Workday, based in Seattle. With over two decades in user experience more than three years working with generative AI since December 2022, and another eight years designing for machine learning use cases, Patrick has built and led UX teams at companies including Apptio, Icertis, Jobvite, and Evisort — navigating two IPOs, two acquisitions, and multiple product launches along the way. Earlier in his career, he worked as a UX consultant for Microsoft and was part of the prelaunch team at Orbitz.

Patrick is the creator of Usability Counts, a long-running blog on user experience design, and the author of uxGPT: Mastering AI Assistants, available at GPT Prompt Guides. He has also taught UX at General Assembly and shares UX templates and thinking on Medium and Substack.

Have feedback?

This site is in beta. If you notice mistakes, missing components, or have suggestions, feel free to reach out on LinkedIn or X.