Show HN: NameThatUI – A quiz game to test your UI design knowledge
NameThatUI is a new tool designed to help developers and designers identify and implement web UI patterns by describing their behavior rather than just their visual appearance. It provides a structured approach to creating implementation contracts for UI components.
Why it matters
It offers a practical methodology for improving UI consistency and accessibility by focusing on functional behavior over subjective naming.
Free UI pattern finder · Web interfaces only
Describe the UI element you see, how it looks or behaves, or what your coding agent got wrong. Compare likely web UI patterns and leave with a testable implementation brief.
Modal blocking layer Sheet behavior diagram Sheet edge anchored Combobox behavior diagram Combobox editable choice 39 reviewed concepts 8 ambiguity clusters. No invented confidence score.
A component name is useful only when it leads to the correct interaction, focus, keyboard, dismissal, and mobile behavior.
Start with what opens the interface, where it appears, whether the page behind it remains usable, what content it contains, and how it closes. You do not need to know the component name. A concrete behavior such as “a card opens on focus and contains a link” is more useful than a visual label such as “small popup.”
Get smarter about the news
Sign up free for a feed built around what you actually care about, Dive Deeper research on any story, and the full text of every article.
Create free accountAlready have an account? Sign in