Media
3 items
Description
Hover any element and copy its CSS as CSS, SCSS, Tailwind, or React inline styles, with variable detection and a spacing overlay. top rebuilding CSS by hand. Hover any element on any website and CSSPick instantly shows its real, cleaned-up styles — no DevTools clutter, no longhand junk. Then copy it in the language you actually write: • Vanilla CSS — clean and shorthand-collapsed • SCSS — nested, with &:hover states wired up • Tailwind — a 400+ mapping engine turns styles into real utility classes • React — camelCased inline styles, ready to paste • CSS Variables — see the var(--token) behind a value, with colour swatches Built-in extras most inspectors don't have: • CSS variable / design-token detection • A spacing overlay (orange margin + green padding, with pixel labels) • Live editing — pin an element, tweak a value or pick a colour, watch the page change in real time • :hover / :focus / ::before capture and @media (responsive) rules • DOM navigation with arrow keys Works on any site — WordPress, Shopify, Webflow, React/Vue apps, anything. CSSPick is a one-time purchase (no subscription). A license unlocks it on up to 3 browsers, movable between devices anytime at csspick.site/manage. Get a license: https://niftyware.gumroad.com/l/csspick