CSS Element Picker
Hover over any element to see its CSS selector, then click to copy it. Supports disabled elements, draggable toolbar, copy history.
As of June 2026, CSS Element Picker has 6 users in the Developer Tools category.
Usersno change0%
6
6
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.0.1
Manifest V3
History
5 snapshotsTracking since May 16, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| May 16, 2026 | — | — | — | 1.0.1 |
| May 22, 2026 | — | — | — | 1.0.1 |
| May 28, 2026 | 2 | — | — | 1.0.1 |
| Jun 4, 2026 | 3 | — | — | 1.0.1 |
| Jun 10, 2026 | 2 | — | — | 1.0.1 |
| Now | 6 | — | — | 1.0.1 |
Permissions & access
- Permissions
- activeTabscriptingclipboardWrite
- Host access
- None declared
Screenshots
About
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.
Technical
- Version
- 1.0.1
- Manifest
- V3
- Size
- 17.73KiB
- Min Chrome
- 102
- Languages
- 1
- Featured
- No
Metadata
- ID
- hgmpbdhmakeacodaejgemkfgodfmdnoa
- Developer ID
- u998811f2e03fe1e0c5505d2094d8da40
- Developer Email
- [email protected]
- Created
- May 15, 2026
- Last Updated (Store)
- May 15, 2026
- Last Scraped
- Jun 10, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- —
Data sourced from the Chrome Web Store · last verified Jun 10, 2026.