Built for the way you build websites.
Four ways to use Pickode: from rebuilding a section in a WordPress builder to sending a client a report before the first call.
WordPress freelancers
Rebuild a section in Bricks or Elementor in minutes.
You see a section you like on a reference site and your client wants something similar. Instead of rebuilding it from a screenshot, bring it into your builder as editable elements, then show the client a report on their current site.
Plan that fitsPro — every builder export and the client report.
A typical workflow
- 01Select the section on the reference site with the inspector.
- 02Copy for Bricks and press ⌘V, or download the Elementor template and import it.
- 03Adjust texts and images, then send the client a report on their current site.
Features you'll use
- ProBricks exportCopy any section and paste it into Bricks as native, editable elements. — Learn more
- ProElementor exportAny section as native, editable Elementor containers and widgets. — Learn more
- ProClient reportOne HTML report with scores, priorities, SEO, speed, accessibility, GEO and technologies. — Learn more
- WordPress panelTheme, child theme, plugins, builder and WooCommerce of any WordPress site. — Learn more
Agencies
Audit the client's site before the first call.
Start every project knowing the theme, plugins, speed and accessibility of the client's current site, and hand over a report with your own logo. Then rebuild the sections you need in the builder your team uses.
Plan that fitsTeam — 5 people, 3 browsers each, client reports with your logo.
A typical workflow
- 01Open the WordPress, performance, accessibility and GEO panels on the client's site.
- 02Generate the client report in English or Italian, with your header and colors.
- 03Rebuild the agreed sections in Bricks or Elementor.
Features you'll use
- ProClient reportOne HTML report with scores, priorities, SEO, speed, accessibility, GEO and technologies. — Learn more
- WordPress panelTheme, child theme, plugins, builder and WooCommerce of any WordPress site. — Learn more
- AccessibilityWCAG 2.2 AA audit with axe-core and a contrast map for every text. — Learn more
- GEO · AI searchAI search readiness score, robots.txt rules for AI crawlers and a draft llms.txt. — Learn more
Front-end developers
Extract a component with its breakpoints and states.
Export a component as React + Tailwind, Vue or Astro from the CSS the author wrote, with media queries, hover states and variables intact, and pull the site's design tokens into your theme.
Plan that fitsPro — unlimited exports in every format.
A typical workflow
- 01Select the component and choose React, Tailwind, Vue or Astro.
- 02Check it in the isolated preview at 375, 768, 1024 and 1280 px.
- 03Export the site's tokens as Tailwind @theme or shadcn globals.css.
Features you'll use
- Website to codeAny section as React, HTML, Tailwind, Vue, Astro, Bricks or Elementor. — Learn more
- Design tokensA site's colors, spacing, type, radii and shadows as ready-to-use tokens. — Learn more
- Copy for AIA Markdown brief of any component for Claude, ChatGPT, Cursor or v0. — Learn more
- InspectorBox model, live CSS editing, measurements, grid and saved CSS per site. — Learn more
Web designers
Collect colors, fonts and assets from any page.
Build a moodboard from real sites: pick colors with the eyedropper, see which fonts a page uses, download images, SVGs and Lottie animations, and capture full-page screenshots or device previews.
Plan that fitsFree to start; Pro for ZIP downloads, fonts, Lottie and every device.
A typical workflow
- 01Pick colors and fonts with the inspector and the eyedropper.
- 02Download images, SVGs, icons and Lottie animations from the assets panel.
- 03Capture full-page screenshots and previews on 27 devices.
Features you'll use
- Color pickerEyedropper and the full color palette of any page, in HEX, RGB or HSL. — Learn more
- Font finderEvery font family, weight, size and loaded @font-face on the page. — Learn more
- Assets and mediaEvery image, SVG, font, video and audio file the page loads. — Learn more
- ResponsiveAny page on 27 devices side by side, with frames, rotation and synced scroll. — Learn more
Stop rebuilding. Start picking.
Install Pickode, open any site and press Alt+I.
Free · 7-day Pro trial · No account needed