Name That UI screenshot

Name That UI

Learn

Visit website
FreemiumNewIn Learn

About

What’s this UI element called ?

Visual dictionary that gives every UI pattern its correct name.

Features & use cases

  • Avatar Group new web
  • Steps new web
  • Multi-select new web
  • Scrollspy new web
  • Sign-in Form web
  • Pagination web

Section titles taken from namethatui.com, checked 2026-08-01.

Where Name That UI appears

15 Best Learn Tools in 2026, Ranked & ComparedOne of 15 toolsWhich Free UI Resource Tool Should You Use in 2026?One of 15 tools

Similar tools

Border BeamToolcraftAI Camera MovementsbeUIRelume LibraryInvisible Details

Alternatives & related tools

Border Beam preview
New

Border Beam

Animated border component that drops into an existing layout.

Toolcraft preview
New

Toolcraft

Open-source starter kit and UI library for building AI design apps.

AI Camera Movements preview
New

AI Camera Movements

Reference library of camera moves to prompt with when generating video.

beUI preview
New

beUI

Motion toolkit of animated components for React and Next.js.

Relume Library preview
New

Relume Library

Component and section library for assembling responsive sites faster.

Invisible Details preview
New

Invisible Details

Breaks down the small interface decisions that make products feel considered.

Kinetics preview
New

Kinetics

117 motion patterns ready to drop into CSS or React.

Grayblocks preview
New

Grayblocks

Responsive UI blocks ready for Framer, Figma and Webflow.

More in Learn

See all 57
SHRTCTS preview
New

SHRTCTS

Keyboard shortcuts for design and productivity apps, collected in one place.

Laws of UX preview

Laws of UX

The key maxims designers consider when building interfaces.

Frontend Masters preview

Frontend Masters

Advance your front-end skills with in-depth courses.

Design+Code preview

Design+Code

Learn to design and code real apps with video courses.