thedaviddias/ux-patterns-for-developers

breadcrumb

Use when implementing help users understand their current location.

لغة النص الأصلي: الإنجليزية

accordion

Use when implementing expand and collapse content sections.

لغة النص الأصلي: الإنجليزية

account-settings

Use when implementing user account configuration and preferences.

لغة النص الأصلي: الإنجليزية

activity-feed

Use when implementing social activity and updates stream.

لغة النص الأصلي: الإنجليزية

ai-chat

Use when implementing conversational AI chat interfaces.

لغة النص الأصلي: الإنجليزية

ai-error-states

Use when implementing handling AI-specific errors.

لغة النص الأصلي: الإنجليزية

ai-loading-states

Use when implementing loading states for AI operations.

لغة النص الأصلي: الإنجليزية

ai-suggestions

Use when implementing aI-powered autocomplete and suggestions.

لغة النص الأصلي: الإنجليزية

autocomplete

Use when implementing suggest options as users type.

لغة النص الأصلي: الإنجليزية

back-to-top

Use when implementing quickly navigate back to the top of the page.

لغة النص الأصلي: الإنجليزية

button

Use when you need to trigger actions and submit forms.

لغة النص الأصلي: الإنجليزية

calendar

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

لغة النص الأصلي: الإنجليزية

card-grid

Use when you need to display content in a responsive card layout.

لغة النص الأصلي: الإنجليزية

carousel

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

لغة النص الأصلي: الإنجليزية

chart

Use when implementing visualize data with graphs and charts.

لغة النص الأصلي: الإنجليزية

checkbox

Use when implementing enable single or multiple selections.

لغة النص الأصلي: الإنجليزية

checkout

Use when implementing multi-step checkout process.

لغة النص الأصلي: الإنجليزية

code-confirmation

Use when implementing verify codes with segmented input.

لغة النص الأصلي: الإنجليزية

color-picker

Use when implementing select colors with visual feedback.

لغة النص الأصلي: الإنجليزية

command-palette

Use when implementing quick command execution interface.

لغة النص الأصلي: الإنجليزية

comment-system

Use when implementing user comments and discussion threads.

لغة النص الأصلي: الإنجليزية

comparison-table

Use when you need to compare features and options side-by-side.

لغة النص الأصلي: الإنجليزية

context-window

Use when implementing managing AI conversation context.

لغة النص الأصلي: الإنجليزية

cookie-consent

Use when you need to inform users about the use of cookies.

لغة النص الأصلي: الإنجليزية

currency-input

Use when implementing enter and format monetary values.

لغة النص الأصلي: الإنجليزية

dashboard

Use when implementing comprehensive dashboard layouts.

لغة النص الأصلي: الإنجليزية

date-input

Use when implementing enter dates in a structured text format.

لغة النص الأصلي: الإنجليزية

date-picker

Use when implementing select dates from a calendar interface.

لغة النص الأصلي: الإنجليزية

date-range

Use when implementing select a range between two dates.

لغة النص الأصلي: الإنجليزية

drag-and-drop

Use when implementing allow users to reorder items intuitively.

لغة النص الأصلي: الإنجليزية

empty-states

Use when implementing guide users when no content is available.

لغة النص الأصلي: الإنجليزية

expandable-text

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

لغة النص الأصلي: الإنجليزية

file-input

Use when you need to upload and handle files.

لغة النص الأصلي: الإنجليزية

filter-panel

Use when implementing filter and refine data displays.

لغة النص الأصلي: الإنجليزية

form-validation

Use when you need to validate and provide feedback.

لغة النص الأصلي: الإنجليزية

hambuger-menu

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

لغة النص الأصلي: الإنجليزية

image-gallery

Use when you need to display and browse image collections.

لغة النص الأصلي: الإنجليزية

image-upload

Use when you need to upload and preview images.

لغة النص الأصلي: الإنجليزية

infinite-scroll

Use when implementing loads additional content automatically as users scroll down.

لغة النص الأصلي: الإنجليزية

kanban-board

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

لغة النص الأصلي: الإنجليزية