Hover over any element to see its CSS selector, then click to copy it. Supports disabled elements, draggable toolbar, copy history.
Users
10
+2 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#194K
#162K among extensions
Version
1.0.3
updated 15 Jul 2026
Users
monthly, 5 months
Latest, 16 Oct 2026:10 usersMove the mouse over the chart for any month
Ratings count
monthly, 5 months
Latest, 16 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About CSS Element Picker
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.