Examples catalog
Examples
Browse UI and automation examples organized by topics: forms, tables, locators, dynamics and more.
Simple Login Form
Practice simple login form UI.
Login With Show/Hide Password
Practice login with show/hide password UI.
Login With Remember Me
Practice login with remember me UI.
Register Form (Basic)
Practice register form (basic) UI.
Forgot Password Form
Practice forgot password form UI.
Reset Password Form
Practice reset password form UI.
Contact Form
Practice contact form UI.
Newsletter Subscribe Form
Practice newsletter subscribe form UI.
Required Fields Validation
Practice required fields validation UI.
Email Format Validation
Practice email format validation UI.
Password Strength Meter
Practice password strength meter UI.
Real-time Inline Validation
Practice real-time inline validation UI.
Server-side Validation Simulation
Practice server-side validation simulation UI.
Form Error Summary
Practice form error summary UI.
Dependent Fields (country city)
Practice dependent fields (country city) UI.
Conditional Fields
Practice conditional fields UI.
Multi-step Form (3 steps)
Practice multi-step form (3 steps) UI.
Multi-step Form With Validation
Practice multi-step form with validation UI.
Form Autosave Draft
Practice form autosave draft UI.
Billing/Shipping Duplicate Form
Practice billing/shipping duplicate form UI.
Invoice Line Items
Practice invoice line items UI.
Multi-column Form Layout
Practice multi-column form layout UI.
Text / Email / Password Inputs
Practice text / email / password inputs UI.
Checkbox Group
Practice checkbox group UI.
Radio Button Group
Practice radio button group UI.
Dropdown Select Basic
Practice dropdown select basic UI.
Multi-select Dropdown
Practice multi-select dropdown UI.
Searchable Dropdown
Practice searchable dropdown UI.
Date Picker
Practice date picker UI.
Date Range Picker
Practice date range picker UI.
Time Picker
Practice time picker UI.
Range Slider (single)
Practice range slider (single) UI.
Range Slider (double)
Practice range slider (double) UI.
Autocomplete Textbox
Practice autocomplete textbox UI.
Autocomplete Async
Practice autocomplete async UI.
Input With Character Counter
Practice input with character counter UI.
Input Mask (Phone)
Practice input mask (phone) UI.
Input Mask (Credit Card)
Practice input mask (credit card) UI.
Currency Input
Practice currency input UI.
Floating Label Inputs
Practice floating label inputs UI.
Textarea Auto-grow
Practice textarea auto-grow UI.
Basic Buttons
Practice basic buttons UI.
Disabled Button States
Practice disabled button states UI.
Loading Button
Practice loading button UI.
Debounced Button
Practice debounced button UI.
Toggle Active Button
Practice toggle active button UI.
Like / Favorite Toggle
Practice like / favorite toggle UI.
Split Button
Practice split button UI.
Button with Confirm Tooltip
Practice button with confirm tooltip UI.
Button Reveals Hidden Section
Practice button reveals hidden section UI.
Floating Action Button
Practice floating action button UI.
Back-to-top Button
Practice back-to-top button UI.
JS Alert
Practice js alert UI.
JS Confirm
Practice js confirm UI.
JS Prompt
Practice js prompt UI.
Inline Alerts
Practice inline alerts UI.
Toast Notification
Practice toast notification UI.
Toast With Action
Practice toast with action UI.
Toast Queue
Practice toast queue UI.
Basic Modal
Practice basic modal UI.
Modal With Form
Practice modal with form UI.
Modal Focus Trap
Practice modal focus trap UI.
Nested Modal
Practice nested modal UI.
Navigation Menu
Practice navigation menu UI.
Sidebar Collapsible
Practice sidebar collapsible UI.
Breadcrumb Navigation
Practice breadcrumb navigation UI.
Tabs Component
Practice tabs component UI.
Accordion
Practice accordion UI.
Stepper
Practice stepper UI.
Pagination Component
Practice pagination component UI.
Scrollspy Navigation
Practice scrollspy navigation UI.
Sticky Header
Practice sticky header UI.
Sticky Sidebar
Practice sticky sidebar UI.
Static Table
Practice static table UI.
Sortable Table
Practice sortable table UI.
Searchable Table
Practice searchable table UI.
Pagination Table
Practice pagination table UI.
Table Checkbox Selection
Practice table checkbox selection UI.
Editable Table
Practice editable table UI.
Row Action Table
Practice row action table UI.
Filterable Table
Practice filterable table UI.
Expandable Row Table
Practice expandable row table UI.
MasterDetail Table
Practice masterdetail table UI.
Sticky Header Table
Practice sticky header table UI.
Sticky Column Table
Practice sticky column table UI.
Financial Table
Practice financial table UI.
Column Reordering
Practice column reordering UI.
Column Resizing
Practice column resizing UI.
Virtualized Table
Practice virtualized table UI.
Tree View Table
Practice tree view table UI.
Card List View
Practice card list view UI.
Avatar List
Practice avatar list UI.
Notification List
Practice notification list UI.
AZ Filter List
Practice az filter list UI.
Single File Upload
Practice single file upload UI.
Multiple File Upload
Practice multiple file upload UI.
Upload Validation
Practice upload validation UI.
Upload Progress Bar
Practice upload progress bar UI.
Drag & Drop Upload
Practice drag & drop upload UI.
Image Preview
Practice image preview UI.
CSV Upload & Preview
Practice csv upload & preview UI.
PDF Download
Practice pdf download UI.
Broken Image Demo
Practice broken image demo UI.
Lazy Loaded Images
Practice lazy loaded images UI.
Avatar Upload & Crop
Practice avatar upload & crop UI.
Image Comparison Slider
Practice image comparison slider UI.
Lightbox Viewer
Practice lightbox viewer UI.
Replace File
Practice replace file UI.
Dynamic Text Update
Practice dynamic text update UI.
Add/Remove DOM Items
Practice add/remove dom items UI.
Dynamic Enable/Disable Controls
Practice dynamic enable/disable controls UI.
Content Appears After Delay
Practice content appears after delay UI.
Loading Skeleton
Practice loading skeleton UI.
Random List Generator
Practice random list generator UI.
Infinite Scroll
Practice infinite scroll UI.
Load More Button
Practice load more button UI.
Polling Example
Practice polling example UI.
Tab Content Lazyload
Practice tab content lazyload UI.
Scroll-trigger Animation
Practice scroll-trigger animation UI.
Countdown Timer
Practice countdown timer UI.
Progressive Reveal
Practice progressive reveal UI.
Price Calculator
Practice price calculator UI.
Weather Widget
Practice weather widget UI.
Random Profile Card
Practice random profile card UI.
Drag-to-resize Panels
Practice drag-to-resize panels UI.
Draggable Cards
Practice draggable cards UI.
Reorderable List
Practice reorderable list UI.
Grid/List View Toggle
Practice grid/list view toggle UI.
Dashboard Widgets
Practice dashboard widgets UI.
Typewriter Animation
Practice typewriter animation UI.
Real-time Feed
Practice real-time feed UI.
Live Sorting
Practice live sorting UI.
Step Progress Indicator
Practice step progress indicator UI.
Hidden Element (display:none)
Practice hidden element (display:none) UI.
Invisible Element (opacity:0)
Practice invisible element (opacity:0) UI.
Off-screen Element
Practice off-screen element UI.
Overlay Covered Element
Practice overlay covered element UI.
Random IDs
Practice random ids UI.
Dynamic Classes
Practice dynamic classes UI.
Icon-only Buttons
Practice icon-only buttons UI.
Deeply Nested DOM
Practice deeply nested dom UI.
Shadow DOM
Practice shadow dom UI.
Shadow DOM Nested
Practice shadow dom nested UI.
Tooltip on Hover
Practice tooltip on hover UI.
Hover-only Dropdown
Practice hover-only dropdown UI.
Overlay on Scroll
Practice overlay on scroll UI.
Dynamic Class Change
Practice dynamic class change UI.
Pseudo-element Demo
Practice pseudo-element demo UI.
Canvas Click Regions
Practice canvas click regions UI.
Complex SVG Buttons
Practice complex svg buttons UI.
SVG Chart Points
Practice svg chart points UI.
Doughnut Chart
Practice doughnut chart UI.
Mutation Observer Example
Practice mutation observer example UI.
Moving Element Animation
Practice moving element animation UI.
Sticky vs Absolute Positions
Practice sticky vs absolute positions UI.
Basic iFrame
Practice basic iframe UI.
iFrame With Form
Practice iframe with form UI.
iFrame Navigation
Practice iframe navigation UI.
iFrame Dynamic Height
Practice iframe dynamic height UI.
Nested iFrames
Practice nested iframes UI.
iFrame Loading Spinner
Practice iframe loading spinner UI.
Popup Window
Practice popup window UI.
Window Resize Listener
Practice window resize listener UI.
Multi-window Workflow
Practice multi-window workflow UI.
iFrame Scroll Interaction
Practice iframe scroll interaction UI.
LocalStorage CRUD
Practice localstorage crud UI.
SessionStorage CRUD
Practice sessionstorage crud UI.
Cookie CRUD
Practice cookie crud UI.
Theme Persistence
Practice theme persistence UI.
Recently Viewed Items
Practice recently viewed items UI.
Dismissible Banner
Practice dismissible banner UI.
Autosave to LocalStorage
Practice autosave to localstorage UI.
Restore Page State
Practice restore page state UI.
Shopping Cart LocalStorage
Practice shopping cart localstorage UI.
Checklist Persistence
Practice checklist persistence UI.
Fake Login API
Practice fake login api UI.
Fake List API
Practice fake list api UI.
Slow API Response
Practice slow api response UI.
API Error Handling
Practice api error handling UI.
Retry API Request
Practice retry api request UI.
API Pagination
Practice api pagination UI.
API Search
Practice api search UI.
Offline Mode Simulation
Practice offline mode simulation UI.
API Timeout
Practice api timeout UI.
API Cancellation
Practice api cancellation UI.
Optimistic UI Update
Practice optimistic ui update UI.
Rate Limit Simulation
Practice rate limit simulation UI.
Parallel API Requests
Practice parallel api requests UI.
Chained API Requests
Practice chained api requests UI.
Approval Workflow Mock
Practice approval workflow mock UI.
Skip to Content
Practice skip to content UI.
Keyboard-only Navigation
Practice keyboard-only navigation UI.
Focus Ring Demo
Practice focus ring demo UI.
Accessible Modal
Practice accessible modal UI.
ARIA Labels Demo
Practice aria labels demo UI.
High Contrast Mode
Practice high contrast mode UI.
Screen Reader Text
Practice screen reader text UI.
Focus Trap
Practice focus trap UI.
Incorrect ARIA Roles
Practice incorrect aria roles UI.
ARIA-live Error Announce
Practice aria-live error announce UI.
Keyboard Navigation For Grid
Practice keyboard navigation for grid UI.
Page Reload
Practice page reload UI.
Back/Forward Navigation
Practice back/forward navigation UI.
Soft Navigation
Practice soft navigation UI.
Hard Navigation
Practice hard navigation UI.
JS-triggered Navigation
Practice js-triggered navigation UI.
Open in Same Tab
Practice open in same tab UI.
Open in New Tab
Practice open in new tab UI.
Broken Link
Practice broken link UI.
Redirect After Delay
Practice redirect after delay UI.
Scroll To Bottom
Practice scroll to bottom UI.
Scroll To Element
Practice scroll to element UI.
Element Appears On Scroll
Practice element appears on scroll UI.
Infinite Scroll Trigger
Practice infinite scroll trigger UI.
Scroll Inside Container
Practice scroll inside container UI.
Sticky Element Scroll Test
Practice sticky element scroll test UI.
Parallax Scroll
Practice parallax scroll UI.
New Tab Example
Practice new tab example UI.
Popup Window (controlled)
Practice popup window (controlled) UI.
Window Resize Event
Practice window resize event UI.
Window Focus/Blur
Practice window focus/blur UI.
Blocked Popup
Practice blocked popup UI.
BeforeUnload Prompt
Practice beforeunload prompt UI.
Keyboard Enter Submit
Practice keyboard enter submit UI.
Keyboard ESC Close Modal
Practice keyboard esc close modal UI.
Hotkeys Example
Practice hotkeys example UI.
Prevent Default Key Events
Practice prevent default key events UI.
Textarea Tab Handling
Practice textarea tab handling UI.
Global Keyboard Listener
Practice global keyboard listener UI.
Clear LocalStorage
Practice clear localstorage UI.
Clear Cookies
Practice clear cookies UI.
Geolocation Permission Mock
Practice geolocation permission mock UI.
Notification Permission Mock
Practice notification permission mock UI.
Detect Offline/Online
Practice detect offline/online UI.
Detect Dark Mode Preference
Practice detect dark mode preference UI.
Print Page
Practice print page UI.
Print Section Only
Practice print section only UI.
Disable Right Click
Practice disable right click UI.
Disable Copy/Paste
Practice disable copy/paste UI.
Link with dynamically added target attribute
Practice link with dynamically added target attribute UI.
Window Close Trigger Button (mock)
Practice window close trigger button (mock) UI.
Shortcut Cheat Sheet Overlay
Practice shortcut cheat sheet overlay UI.
Clear SessionStorage Button
Practice clear sessionstorage button UI.
Browser Zoom Level Simulation (CSS mimic)
Practice browser zoom level simulation (css mimic) UI.
Page Break Preview Demo
Practice page break preview demo UI.
PDF Export Mock (non-functional)
Practice pdf export mock (non-functional) UI.
Block Text Selection Example
Practice block text selection example UI.
Browser Autofill Simulation
Practice browser autofill simulation UI.
Cache Simulation (content served from cache)
Practice cache simulation (content served from cache) UI.
Progressive Enhancement Example (no-JS fallback)
Practice progressive enhancement example (no-js fallback) UI.