Sibu — CSS & Cypress Selector Picker

Pick, inspect and validate CSS / Cypress selectors from a DevTools Elements sidebar.

A simple, free DevTools sidebar for picking and validating CSS and Cypress selectors. No account, no tracking — just a fast tool that does one job well. Open DevTools → Elements panel → Sibu tab (in the sidebar, next to Styles and Computed) - Click "Start Picking," hover any element, click to select it — see its selector instantly - Generates ranked selector candidates (data-test-name, id, class, nth-child path, and more) and flags which ones are actually unique on the page - Copies a ready-to-use Cypress command (`cy.get(...)`) alongside the plain CSS selector, one click - Built-in selector checker — type any CSS selector, see the match count, matches highlighted live on the page - Drag-and-drop strategy priority, plus custom compound-attribute rules to match your team's conventions - Simple — one sidebar tab in DevTools, nothing to configure to get started - Free — no account, no paywall, no upsells, ever - Private — makes no network requests and collects no data; everything stays local in your browser - Reliable — works inside same-origin and cross-origin iframes, and finds disabled form controls other tools miss