Visual Dictionary of UI
X post announcing a naming reference for UI elements, with API symbols and prompts
Tier C · WeakSocial PostReferencex.com

An X post by designer Adham Dannaway promoting "The visual dictionary of UI" — a reference that pairs a picture of each UI element with its real name, the symbol you would see in an API or component prop, and a prompt phrasing to use when asking an agent to build it. The post itself is the artifact indexed here; the dictionary lives behind it. Useful as a vocabulary bridge between designers describing a thing and developers or agents naming it.
For an agent
Use this when a user describes a UI element in plain words ("the thing that slides up from the bottom") and you need the canonical name before you can pick a component — it maps picture to name to API symbol. It is an X post, so the payload is an image: you cannot parse it programmatically, and the link is fragile if the post is deleted. Treat it as a pointer to Dannaway's dictionary, not as a queryable source.
Why it is here. Naming is the most common failure point between a design brief and a component choice; a picture-to-name-to-prop dictionary closes exactly that gap.
Facts
- License
- Unknown
- Pricing
- Unknown
- Framework
- Not applicable
- Styling
- Not applicable
- Distribution
- Article, thread, or post
- Platform
- Social / marketing creative, Web
- Content type
- Images / textures / backgrounds, Prose / writing
- Agent readiness
- Pixels only, Blocks bots
- Accessibility
- Not applicable
- Maturity
- Stable
Notable for
- picture-to-name UI lookup
- API symbol per element
- agent prompt phrasing per element
- Adham Dannaway
Source summary, @AdhamDannaway
33,046 views- Announces a reference tool that maps informal descriptions of UI elements to their correct formal names.
- Each lookup also returns the corresponding API symbol for the component.
- Output includes a paste-ready prompt aimed at coding agents, bridging design vocabulary and AI implementation.
- Targets the common failure where designers and developers cannot name the component they want.
Provenance
Verified 2026-08-15. not fetched by policy (x.com); record built from the pre-supplied enriched title, description, tags, and og_image
Also in Design Systems & Brand Guidelines
6- ARIA Authoring Practices Guide · W3C's 30 canonical widget patterns with keyboard maps and working HTML examples
- Branding Style Guides · Archive of ~3,840 real brand guideline PDFs, filterable by year, region and industry
- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web code
- Modal · Python serverless GPU platform whose site is a dev-tool marketing design reference
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- The Component Gallery · 60 UI components cross-referenced against 95 real design systems