thedaviddias
93 verified skills17,484 total stars
toggle
Use when you need to switch between two states.
tools188
popover
Use when you need to display focused content or actions.
content-media188
ux-patterns
Use when choosing, comparing, or implementing UX patterns across the UX Patterns for Developers corpus.
development188
wizard
Use when implementing multi-step forms and processes.
tools188
autocomplete
Use when implementing suggest options as users type.
tools188
command-palette
Use when implementing quick command execution interface.
tools188
expandable-text
Use when implementing show or hide additional text content on demand.
content-media188
hambuger-menu
Use when you need to display a menu icon for mobile devices.
development188
modal
Use when you need to display focused content or actions.
content-media188
prompt-input
Use when implementing enhanced text inputs for AI prompts.
data-ai188
shopping-cart
Use when implementing shopping cart and item management.
tools188
signup
Use when implementing user registration and account creation.
tools188
skeleton
Use when implementing show users that content is being loaded.
content-media188
video-player
Use when implementing video playback with controls.
content-media188
tooltip
Use when implementing provide additional context on hover or focus.
tools188
search-field
Use when you need to search through content efficiently.
testing188
kanban-board
Use when you need to organize tasks in columns and swimlanes.
data-ai188
like-button
Use when implementing like and reaction buttons.
development188
accordion
Use when implementing expand and collapse content sections.
content-media188
ai-chat
Use when implementing conversational AI chat interfaces.
data-ai188
breadcrumb
Use when implementing help users understand their current location.
tools188
ai-error-states
Use when implementing handling AI-specific errors.
testing188
back-to-top
Use when implementing quickly navigate back to the top of the page.
tools188
button
Use when you need to trigger actions and submit forms.
tools188
calendar
Use when you need to display dates and events in calendar format.
development188
card-grid
Use when you need to display content in a responsive card layout.
content-media188
carousel
Use when you need to display multiple items in a rotating view.
tools188
checkout
Use when implementing multi-step checkout process.
testing188
chart
Use when implementing visualize data with graphs and charts.
data-ai188
checkbox
Use when implementing enable single or multiple selections.
testing188
file-input
Use when you need to upload and handle files.
tools188
code-confirmation
Use when implementing verify codes with segmented input.
development188
comment-system
Use when implementing user comments and discussion threads.
documentation188
form-validation
Use when you need to validate and provide feedback.
testing188
color-picker
Use when implementing select colors with visual feedback.
databases188
comparison-table
Use when you need to compare features and options side-by-side.
tools188
image-gallery
Use when you need to display and browse image collections.
content-media188
load-more
Use when implementing load additional content on user demand.
content-media188
context-window
Use when implementing managing AI conversation context.
data-ai188
phone-number
Use when implementing format and validate phone numbers.
development188
cookie-consent
Use when you need to inform users about the use of cookies.
tools188
currency-input
Use when implementing enter and format monetary values.
development188
date-picker
Use when implementing select dates from a calendar interface.
tools188
dashboard
Use when implementing comprehensive dashboard layouts.
tools188
date-input
Use when implementing enter dates in a structured text format.
development188
infinite-scroll
Use when implementing loads additional content automatically as users scroll down.
content-media188
drag-and-drop
Use when implementing allow users to reorder items intuitively.
data-ai188
empty-states
Use when implementing guide users when no content is available.
documentation188
filter-panel
Use when implementing filter and refine data displays.
data-ai188
image-upload
Use when you need to upload and preview images.
content-media188
link
Use when you need to create accessible and interactive links.
tools188
list-view
Use when you need to display data in vertical lists.
data-ai188
loading-indicator
Use when implementing show users that content is being loaded.
content-media188
login
Use when implementing user authentication and sign-in forms.
tools188
megamenu
Use when you need to display a large number of links in a single menu.
tools188
model-selector
Use when implementing aI model selection interface.
data-ai188
multi-select-input
Use when you need to choose multiple items from a list.
tools188
navigation-menu
Use when you need to organize and structure site navigation.
tools188
notification
Use when you need to inform users about important updates.
tools188
pagination
Use when implementing navigate through multiple pages of content.
content-media188
password
Use when implementing secure password entry with feedback.
databases188
password-reset
Use when implementing password recovery and reset flows.
tools188
product-card
Use when implementing product display cards for e-commerce.
tools188
radio
Use when implementing select a single option from a group.
tools188
rating-input
Use when implementing rate something with a number of stars.
tools188
rich-text-editor
Use when implementing edit and format text content.
development188
selection-input
Use when you need to choose from predefined options.
tools188
sidebar
Use when you need to organize and structure site navigation.
tools188
signature-pad
Use when implementing allow users to sign their name.
tools188
slider
Use when implementing select values from a range.
tools188
statistics
Use when you need to display key metrics and statistics.
tools188
streaming-response
Use when implementing real-time AI response streaming.
data-ai188
table
Use when you need to display structured data in rows and columns.
data-ai188
tabs
Use when you need to switch between different views.
tools188
textarea
Use when implementing multi-line text input for longer content.
content-media188
text-field
Use when implementing enter and edit text content.
content-media188
timeline
Use when you need to display chronological events and activities.
tools188
tree-view
Use when you need to display hierarchical data structures.
data-ai188
two-factor
Use when implementing two-factor authentication setup and verification.
tools188
account-settings
Use when implementing user account configuration and preferences.
tools188
activity-feed
Use when implementing social activity and updates stream.
testing188
ai-loading-states
Use when implementing loading states for AI operations.
data-ai188
ai-suggestions
Use when implementing aI-powered autocomplete and suggestions.
data-ai188
date-range
Use when implementing select a range between two dates.
tools188
progress-indicator
Use when implementing show completion status of an operation.
tools188
response-feedback
Use when implementing feedback mechanisms for AI responses.
data-ai188
search-results
Use when you need to display and filter search results.
tools188
share-dialog
Use when implementing social sharing functionality.
testing188
social-login
Use when implementing oAuth and social media authentication.
testing188
tag-input
Use when implementing enter and format tags.
development188
time-input
Use when implementing enter time in a structured format.
development188
token-counter
Use when you need to display token usage and limits.
tools188
user-profile
Use when implementing user profile and account management.
tools188