All patterns - UXPatterns.ai

Patterns AI patterns Start here How it works

Home›All patterns

find it by the problem, not the name

24 patterns, 12 classic and 12 AI. 2 are written in full so far; the rest are named, with their full pages being written.

Search patterns/

try a problem:too many steps where am I cannot undo nothing to show source of an answer waiting

Filtersshowhide

Family

ClassicNavigation5Forms and input2Lists, tables, data0Search and filtering1Feedback and status2Onboarding and flows1Page layout1Mobile and touch0

AIPrompting and input1Output and generation1Trust and transparency3Control and correction1Agents and automation4Memory and personalisation1Errors and safety1

Platform

Maturity

tip: search by the problem, like “too many steps”

Family

ClassicNavigation5Forms and input2Lists, tables, data0Search and filtering1Feedback and status2Onboarding and flows1Page layout1Mobile and touch0

AIPrompting and input1Output and generation1Trust and transparency3Control and correction1Agents and automation4Memory and personalisation1Errors and safety1

Platform

Maturity

tip: search by the problem, like “too many steps”

Showing 2 of 2Feedback and status×

Sort

Empty state

When there is nothing to show yet, say why and offer the first action.

Feedback and statusEstablishedBeing written

Skeleton screen

Show the shape of the content while it loads instead of a spinner.

Feedback and statusEstablishedBeing written

UXPatterns.aiPattern text CC BY 4.0 · Product screenshots belong to their owners · llms.txt

Search patterns/

Family

ClassicNavigation5Forms and input2Lists, tables, data0Search and filtering1Feedback and status2Onboarding and flows1Page layout1Mobile and touch0

AIPrompting and input1Output and generation1Trust and transparency3Control and correction1Agents and automation4Memory and personalisation1Errors and safety1

Platform

Maturity

tip: search by the problem, like “too many steps”

Family

ClassicNavigation5Forms and input2Lists, tables, data0Search and filtering1Feedback and status2Onboarding and flows1Page layout1Mobile and touch0

AIPrompting and input1Output and generation1Trust and transparency3Control and correction1Agents and automation4Memory and personalisation1Errors and safety1

Platform

Maturity

tip: search by the problem, like “too many steps”

Showing 2 of 2Feedback and status×

Sort

Empty state

When there is nothing to show yet, say why and offer the first action.

Feedback and statusEstablishedBeing written

Skeleton screen

Show the shape of the content while it loads instead of a spinner.

Feedback and statusEstablishedBeing written

What are you trying to fix?

Empty state

Skeleton screen

Empty state

Skeleton screen