Popups & Widgets

Modals, tabs, accordions, tooltips, dropdown menus and autocomplete — the interactive building blocks.

Modal dialogs

Open overlays, confirm/cancel, close via button, backdrop or ✕.

Dropdown menu

Click to open; selecting an item updates the label.

✏️ Edit 📋 Duplicate 🗄️ Archive 🗑️ Delete
Selected: none

Tabs

Profile
Settings
Billing

👤 Profile content. Name, avatar and bio would go here.

⚙️ Settings content. Preferences and notifications.

💳 Billing content. Plan and invoices.

Accordion

Expand/collapse panels.

What is this app? ▾
A playground to practice UI test automation against realistic components.
Is it free? ▾
Yes — fully static, runs offline, no backend needed.
Which tools work? ▾
Selenium, Playwright, Cypress, WebdriverIO and anything that drives a browser.

Tooltips

Hover to reveal.

Hover over this termI appear on hover! to see a tooltip. Also try the info icon ⓘSecondary tooltip content.

Autocomplete / live search

Type at least 1 letter; results come from a fake API after a delay.

Chosen: none