CSS Element Picker

Hover over any element to see its CSS selector, then click to copy it. Supports disabled elements, draggable toolbar, copy history.

Element Selector Picker Click any element on a webpage to instantly copy its CSS selector to your clipboard. PERFECT FOR: • Test automation (Cypress, Playwright, Selenium, Puppeteer) • Feature tours (Shepherd.js, Intro.js, Driver.js) • Web scraping • CSS debugging SMART SELECTORS: • Prefers stable selectors like IDs and data-testid attributes • Automatically filters framework-generated classes (Angular, React, Vue, Styled Components) • Finds the shortest unique selector path HOW TO USE: 1. Click the extension icon 2. Click "Activate Picker" 3. Hover to preview selectors 4. Click any element to copy its selector 5. Press Escape to cancel PRIVACY: • No data collection • No network requests • Works 100% locally • Only activates when you click Free and open source.