The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
🎨 Name That UI — A Handy Resource for Designers
Ever found yourself looking at a UI element and thinking, “What is this actually called?” 🤔
Name That UI is a simple but useful resource that helps designers identify and understand the names of common UI components and interface patterns.
Whether you're creating wireframes, documenting a design system, writing UX specifications, or communicating with developers, using the right terminology can make collaboration much easier. 💡
Why designers should bookmark it:
🔍 Identify UI elements — Quickly understand what a particular interface component is called.
🎨 Improve design vocabulary — Build a stronger understanding of common UI terminology and patterns.
🤝 Communicate better with developers — Use consistent language when discussing components during handoffs.
📚 Create better documentation — Useful when writing design guidelines, specifications, and design-system documentation.
⚡ Save time — Instead of searching through articles trying to figure out the correct terminology, use a focused reference.
👨💻 Useful for beginners & professionals — Great for students learning UI/UX as well as experienced product designers who want a quick reference.
It's a small tool, but these kinds of resources can make everyday design work much smoother—especially when you're working across design, development, product, and UX teams. 🚀
🔗 Featured Link: https://uiuxshowcase.com/resources/name-that-ui-visual-dictionary-of-user-interface-design/
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
A little preview of what I’ve been building lately 👀
This Framer project is just one piece of what’s coming.
There’s a lot happening behind the scenes, and I’ve got several case studies in the works.
More soon. Stay tuned.🚀
Motion DesignUI DesignAdobe After EffectsFigmaFramermotiondesignerframerdesignerFramer Website Design
Pretty excited for the final outcome!
I'm exploring a new concept for the Telehealth product. Which one would convert better?
31 voted
72%
12 voted
28%
43 votes
Closed
Variant 1 looks great! 🤩
Mirage is a template, and that flips the usual problem.
A client site is designed around known content: their headline, their logos, their numbers. A template has to survive content I'll never see. Someone else's headline runs two lines instead of one, their logo lockups arrive in six different aspect ratios, their stats aren't three neat figures. So every section is built to hold at the worst plausible fill, not the best one.
The name did the art direction: a dune gradient that burns off into darkness as you scroll. Designed in Figma, reel cut in Jitter, should be released at Framer.
Veeery premium bro, great job!! 🔥