OpenPicker - Pick CSS Selectors on Any Page

Open-source CSS element picker.

openpicker is an open-source element picker for the web. Click the toolbar button, point at any element on the page, and openpicker generates a stable CSS selector for it — then copies it to your clipboard. Apps can also drive it programmatically through the open-source @openpicker/sdk to let their users pick an element (even on another tab) and get the selector back. Why openpicker: • Stable selectors — built on a proven selector engine, with filters that skip auto-generated ids and hashed CSS-in-JS / CSS-module class names. • Tune it per site — choose whether selectors use id / class / attributes, set ignore patterns and an attribute allow-list; remembered per website. • Inspect as you go — editable selector with a live match count, a DOM-tree navigator, and the element's attributes, all in an overlay that never clashes with the page. • Optional screenshots — capture the element or the viewport along with the selector. • You're in control — an extension-wide authorization mode (allow all / ask / blocklist) that only you set; nothing is captured without you picking and confirming. • Private by design — no servers, no tracking, no data leaves your browser. openpicker is free and open source (MIT). Source, docs, and the SDK: https://github.com/usertour/openpicker