A playground for
real QA scenarios.
Interactive demos built to be tested. Each page simulates a genuine front-end pattern — forms, async loading, broken validation — so you can write proper Playwright or manual test cases against them.
Choose a demo
Login Demo
Email + password form with validation, a fake loading state, and success/error feedback. Use the demo credentials to test both paths.
Open demo → FreeBroken Form Demo
A multi-field form designed to fail gracefully. Wrong inputs trigger visible inline errors. Fill everything right to see the success state.
Open demo → FreeDelayed Table Demo
A data table that appears after a two-second spinner. Includes search, sortable columns, and a clean empty state when nothing matches.
Open demo → €1.99File Upload Demo
Drag-and-drop upload zone with file type validation and a fake progress bar. Simulates the async lifecycle of a real file upload.
🔒 Demo + Tutorial → €1.99Toast Notifications
Trigger success, error, warning and info toasts. Each auto-dismisses after 3 seconds and toasts stack cleanly.
🔒 Demo + Tutorial → €1.99Modal Dialog Demo
Opens a dialog with accessible markup. Closes via the X button, backdrop click, or the Escape key. Tests focus and overlay behaviour.
🔒 Demo + Tutorial → €1.99Multi-Step Form
A three-step wizard with a step indicator. Each step validates before advancing. A review screen shows all answers before final submit.
🔒 Demo + Tutorial → €1.99Infinite Scroll Demo
A list that loads the next batch of items as you scroll to the bottom. Tests scroll detection, async loading, and end-of-list state.
🔒 Demo + Tutorial → €1.99Drag & Drop Kanban
Draggable cards across three kanban columns using the HTML5 Drag and Drop API. The classic hard scenario for Playwright automation.
🔒 Demo + Tutorial →