Gallery

41 components

Components

  • Button Click interactions
  • Counter Increment & decrement
  • Progress Bar Progress 0–100%
  • Checkbox Toggle on & off
  • Radio Button Single selection
  • Toggle Switch on/off
  • ToDo app Lista, completar, borrar y persistencia
  • Input Text Typing & validation
  • Input Number Numeric input
  • Input Disabled Disabled state
  • Select Dropdown selection
  • Modal Open & close dialog
  • Async Modal Modal + API content
  • Alert Show alert message
  • Search Debounced search
  • Chat Conversación usuario/bot en tiempo real
  • Notifications inbox Contador, leídas/sin leer y lista desplegable
  • Charts dashboard 4 gráficos Chart.js con update por tarjeta
  • Sidebar filter Filtra una lista con sidebar interactivo
  • Password Strength indicator
  • Tooltip Hover tooltip
  • Toast Toast notifications
  • Loader Submit spinner
  • Link Navigation validation
  • Tabs Tab switching
  • Accordion Expand & collapse
  • Wizard Multi-step form
  • Infinite scroll Marketplace: carga al llegar al final
  • Drag & Drop Reorder items
  • Drag & drop kanban Columnas To Do / In Progress / Done con contadores
  • Table Sort & filter
  • Tabla de usuarios Búsqueda, orden, paginación y filtros combinados
  • Roles Role-based UI
  • File Upload Upload validation
  • Carousel Cyclic navigation
  • Date Picker Date selection
  • Calendar Monthly view
  • Form Form validation
  • Registro de usuario Validación en vivo, confirmar contraseña y éxito
  • Login Async login flow
  • Post Login Success page

Selecciona un componente / Select a component

Haz clic en cualquier elemento del sidebar / Click any item on the sidebar

Estos componentes fueron creados exclusivamente para pruebas de QA. Cada uno valida interacciones y comportamientos de UI usando herramientas como Playwright o Cypress.

These components were built specifically for QA testing purposes. Each one is designed to validate specific UI interactions and behaviors using automated test tools like Playwright or Cypress.