Skip to content
Visual Dictionary of UI

Visual Dictionary of UI

X post announcing a naming reference for UI elements, with API symbols and prompts

Tier C · WeakSocial PostReferencex.com

Preview image from x.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.

Install command, framework, licence and component list.

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.
(Visit the original source)

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
x.comTier C