UX Patterns for Devs

Quickly navigate back to the top of the page

Trigger actions and submit forms

Display a menu icon for mobile devices

Display a large number of links in a single menu

Organize and structure site navigation

Navigate through multiple pages of content

Organize and structure site navigation

Switch between different views

Trigger actions and submit forms

Verify codes with segmented input

Select colors with visual feedback

Enter and format monetary values

Enter dates in a structured format

Select dates from a calendar interface

Select a range between two dates

Upload and handle files

Validate and provide feedback

Choose multiple items from a list

Secure password entry with feedback

Format and validate phone numbers

Select a single option from a group

Rate something with a number of stars

Edit and format text content

Search through content efficiently

Choose from predefined options

Allow users to sign their name

Select values from a range

Enter and format tags

Enter and edit text content

Enter time in a structured format

Switch between two states

Expand and collapse content sections

Display multiple items in a rotating view

Allow users to reorder items intuitively

Display focused content or actions

Provide additional context on hover

Inform users about the use of cookies

Guide users when no content is available

Show users that content is being loaded

Inform users about important updates

Show completion status of an operation

Show users that content is being loaded