Quick Keypoints
- Translate plain English user interface descriptions into technical terms.
- Search a visual dictionary of common web and macOS UI components.
- Generate precise prompts to guide AI coding agents on design tasks.
- Double-tap any word for instant plain-English UI definitions.
What is NameThatUI?
An AI-assisted visual dictionary to identify UI elements by name.
NameThatUI is an interactive visual dictionary that bridges the gap between visual descriptions and technical naming. When you describe a component in plain words—like 'the dots you grab to drag'—the tool provides the correct name, API symbols, and coding instructions for SwiftUI, AppKit, or web frameworks.
Who Needs NameThatUI?
Designers, front-end developers, and product teams collaborating with AI coding agents who need consistent UI vocabulary.
Primary Use Cases
- Generating interactive mockups, wireframes, and design components.
- Streamlining collaborative visual editing and layouts.
- Creating beautiful spatial staging, visuals, or branding materials.
Important Features
- AI Translator: Converts bad descriptions into correct technical terminology.
- Visual library: Browse split views, command palettes, hamburger menus, and more.
- Agent Prompts: Copies precise component descriptions for ChatGPT or Claude.
Current Updates About NameThatUI
- Launched in July 2026 as a visual directory for UI components, regularly adding new design patterns and API identifier mappings.
- Current Version: Launch
Pricing Plans
| Plan | Price |
|---|---|
| Open AccessCompletely free-to-use visual dictionary and reference resource for developers and designers. | $0 |
Affiliate & Referral Disclosure: We review products independently. Some of the outbound links on this directory are referral links containing tracking parameters. We may receive referral tracking credits or potential commission fees if you proceed to register or subscribe. Read our full Disclaimer.