thedaviddias/ux-patterns-for-developers

1

ai-suggestions Use when implementing aI-powered autocomplete and suggestions.

thedaviddias/ux-patterns-for-developers

11

2

carousel Use when you need to display multiple items in a rotating view.

thedaviddias/ux-patterns-for-developers

11

3

checkbox Use when implementing enable single or multiple selections.

thedaviddias/ux-patterns-for-developers

11

4

code-confirmation Use when implementing verify codes with segmented input.

thedaviddias/ux-patterns-for-developers

11

5

command-palette Use when implementing quick command execution interface.

thedaviddias/ux-patterns-for-developers

11

6

context-window Use when implementing managing AI conversation context.

thedaviddias/ux-patterns-for-developers

11

7

filter-panel Use when implementing filter and refine data displays.

thedaviddias/ux-patterns-for-developers

11

8

hambuger-menu Use when you need to display a menu icon for mobile devices.

thedaviddias/ux-patterns-for-developers

11

9

image-gallery Use when you need to display and browse image collections.

thedaviddias/ux-patterns-for-developers

11

10

load-more Use when implementing load additional content on user demand.

thedaviddias/ux-patterns-for-developers

11

11

loading-indicator Use when implementing show users that content is being loaded.

thedaviddias/ux-patterns-for-developers

11

12

megamenu Use when you need to display a large number of links in a single menu.

thedaviddias/ux-patterns-for-developers

11

13

model-selector Use when implementing aI model selection interface.

thedaviddias/ux-patterns-for-developers

11

14

password Use when implementing secure password entry with feedback.

thedaviddias/ux-patterns-for-developers

11

15

popover Use when you need to display focused content or actions.

thedaviddias/ux-patterns-for-developers

11

16

prompt-input Use when implementing enhanced text inputs for AI prompts.

thedaviddias/ux-patterns-for-developers

11

17

response-feedback Use when implementing feedback mechanisms for AI responses.

thedaviddias/ux-patterns-for-developers

11

18

rich-text-editor Use when implementing edit and format text content.

thedaviddias/ux-patterns-for-developers

11

19

statistics Use when you need to display key metrics and statistics.

thedaviddias/ux-patterns-for-developers

11

20

streaming-response Use when implementing real-time AI response streaming.

thedaviddias/ux-patterns-for-developers

11

21

textarea Use when implementing multi-line text input for longer content.

thedaviddias/ux-patterns-for-developers

11

22

token-counter Use when you need to display token usage and limits.

thedaviddias/ux-patterns-for-developers

11

23

video-player Use when implementing video playback with controls.

thedaviddias/ux-patterns-for-developers

11

24

ai-chat Use when implementing conversational AI chat interfaces.

thedaviddias/ux-patterns-for-developers

10

25

color-picker Use when implementing select colors with visual feedback.

thedaviddias/ux-patterns-for-developers

10

26

comment-system Use when implementing user comments and discussion threads.

thedaviddias/ux-patterns-for-developers

10

27

currency-input Use when implementing enter and format monetary values.

thedaviddias/ux-patterns-for-developers

10

28

kanban-board Use when you need to organize tasks in columns and swimlanes.

thedaviddias/ux-patterns-for-developers

10

29

like-button Use when implementing like and reaction buttons.

thedaviddias/ux-patterns-for-developers

10

30

multi-select-input Use when you need to choose multiple items from a list.

thedaviddias/ux-patterns-for-developers

10

31

phone-number Use when implementing format and validate phone numbers.

thedaviddias/ux-patterns-for-developers

10

32

radio Use when implementing select a single option from a group.

thedaviddias/ux-patterns-for-developers

10

33

share-dialog Use when implementing social sharing functionality.

thedaviddias/ux-patterns-for-developers

10

34

signature-pad Use when implementing allow users to sign their name.

thedaviddias/ux-patterns-for-developers

10

35

slider Use when implementing select values from a range.

thedaviddias/ux-patterns-for-developers

10

36

tag-input Use when implementing enter and format tags.

thedaviddias/ux-patterns-for-developers

10

37

time-input Use when implementing enter time in a structured format.

thedaviddias/ux-patterns-for-developers

10

38

activity-feed Use when implementing social activity and updates stream.

thedaviddias/ux-patterns-for-developers

9

39

date-input Use when implementing enter dates in a structured text format.

thedaviddias/ux-patterns-for-developers

9

40

date-picker Use when implementing select dates from a calendar interface.

thedaviddias/ux-patterns-for-developers

9

41

date-range Use when implementing select a range between two dates.

thedaviddias/ux-patterns-for-developers

9

42

expandable-text Use when implementing show or hide additional text content on demand.

thedaviddias/ux-patterns-for-developers

9

43

two-factor Use when implementing two-factor authentication setup and verification.

thedaviddias/ux-patterns-for-developers

9

44

UX Patterns Global Use when choosing, comparing, or implementing UX patterns across the UX Patterns for Developers corpus.

thedaviddias/ux-patterns-for-developers

2

45

AI Chat Interface Use when implementing conversational AI chat interfaces.

thedaviddias/ux-patterns-for-developers

1

46

Calendar View Use when you need to display dates and events in calendar format.

thedaviddias/ux-patterns-for-developers

1

47

Charts & Graphs Use when implementing visualize data with graphs and charts.

thedaviddias/ux-patterns-for-developers

1

48

Checkout Flow Use when implementing multi-step checkout process.

thedaviddias/ux-patterns-for-developers

1

49

Dashboard Layout Use when implementing comprehensive dashboard layouts.

thedaviddias/ux-patterns-for-developers

1

50

Data Table Use when you need to display structured data in rows and columns.

thedaviddias/ux-patterns-for-developers

1