← Back to the dictionaryA LITTLE CLARITY GOES A LONG WAY

You know the thing.
Find its name.

UI Dictionary is a visual field guide for the moments when you can picture an interface element, but can’t quite put it into words.

260elements, explained
8families of patterns
Everykind of screen

Built for the conversation before the code.

Browse the pictures. Search a description like “panel on the right” or “menu with three dots.” Find the familiar shape, learn what it does, and take a clear description into your next coding conversation.

Names are useful because they carry expectations. A sidebar helps you navigate. An inspector edits the selected object. A drawer temporarily reveals more content. The dictionary explains those differences so your next prompt says what you mean.

One pattern, many platforms.

The library spans web, iOS, iPadOS, Android, macOS, Windows, Linux, watches, TV, and spatial interfaces. Entries explain relevant differences without treating every platform variation as a separate concept.

The miniature interfaces are original teaching illustrations. They show the anatomy and behavior of a pattern rather than reproducing a specific operating-system version or providing production-ready components.

Rooted in primary sources.

Definitions and examples are written for this dictionary. Each entry links to primary documentation so you can continue with the conventions of your target platform.

A reference, without friction.

No account is needed. Search and prompt creation happen in your browser, without sending your searches to an AI service. The catalog is maintained in the project’s source files and published as static pages.

Explore the dictionary