Chrome Extension for Developers & QA

Generate UI Locators effortlessly

Select HTML elements visually to build, rename, and export clean CSS, XPath, Playwright, and Cypress selectors for your test automation suites.

Install from Web Store
https://example.com/login-form

Demo Sandbox (Click below to simulate active selection):

Selected Clickable login button
Selected Email input text field
Selecto Panel ● Inspector Active
Click elements on the left to capture them in the list.

Why use Selecto?

Active Visual Selection

Enable inspector mode and click elements directly on the website layout. Selecto highlights candidates live under the cursor.

Multiple Output Formats

Switch between CSS selectors, XPath queries, Playwright Locators, and Cypress commands instantly from a single item capture.

Element List & Rename

Keep a structured list of captured elements, rename them with custom aliases, drag to reorder them, and copy individually or export all as JSON.

Shadow DOM Encapsulated

The sidebar lives in a locked Shadow DOM. Host page stylesheet styles can never leak into, or break the extension interface.