Getting started

Open the inspector. Press Alt+I. Hover any element: you see its box model and a tooltip with size, font, colors and WCAG contrast.

Select an element. Click a card or a section. Move to its parent or children until you have exactly the block you want, then try changing a value with ↑/↓.

Export it. Export the selected element as HTML + CSS, React, Tailwind, Vue or Astro, or for Bricks and Elementor. Pickode uses only the CSS the author wrote, so you keep media queries and hover states. An isolated preview shows it at 375, 768, 1024 and 1280 px.

Look at colors and fonts. Open Colors for the palette of text, backgrounds and borders, with an eyedropper. Open Fonts for every family, weight and size on the page.

Run an analysis. Try the SEO, tech stack, WordPress, performance, accessibility and GEO panels to see how the site is built and what to fix.

Save to your library. Save a component, a palette or a set of design tokens so you can find it again later.