Pickode — web dev toolkit 作者: ErreD

Turn any website into clean, editable code — and audit it in one click.

Pickode is a toolkit for web designers and front-end developers, built especially for people who work with WordPress, Bricks and Elementor. Select a section on any page, export it in the format you use, then check how the site performs and send your client a report they understand.

ONLY THE CSS THE AUTHOR WROTE
Pickode reads the site's original stylesheets instead of the values the browser computed. The exported code is short and readable, and it keeps media queries, hover and focus states, ::before/::after and CSS variables.

EXPORT
• Export a section as a React or Vue component, an Astro component or a ready-to-run Astro project, or as plain HTML with CSS or with Tailwind classes
• Bricks: copy and press Cmd/Ctrl+V in the Bricks editor — headings, text, images, buttons and icons arrive as native elements
• Elementor: import a template made of native containers and widgets, with styles and tablet/mobile breakpoints in Elementor's own controls (works with free Elementor)
• Copy for AI: a brief to paste into your AI assistant with the component's code, structure, breakpoints, states and the site's design tokens

INSPECT AND EDIT
• Inspector with box model, fonts, colors and WCAG contrast; live editing of CSS properties
• Distances with Alt, layout grid overlays and CSS saved per site
• Color palette and eyedropper, page fonts, and the site's design tokens exported as CSS variables or as config files for Tailwind, shadcn and WordPress themes

ASSETS AND MEDIA
• Every image, SVG, icon, font, video and audio file the page loads, downloadable one by one or as a ZIP
• Lottie animations: preview, JSON/.lottie download and conversion to GIF
• Unprotected HLS/DASH streams saved as a single MP4
• Screenshots of the visible area, full page, a region or an element, with an editor and browser frames
• Responsive view with 27 devices and frames

LIBRARY
• Save components, design tokens, palettes and Lottie animations and reuse them on any project
• Optional sync to a "Pickode" folder in your own Google Drive, so your Library follows you to other computers and browsers

AUDIT AND REPORT
• WordPress and WooCommerce: version, theme, plugins, builder, checkout type, cache headers
• Performance: Core Web Vitals, page weight, render-blocking resources and oversized images
• Accessibility: axe-core WCAG 2.2 AA audit and a contrast map that suggests the nearest passing color
• SEO and tech stack detection
• GEO: a 0–100 score for how ready the page is for AI search engines, with fixes, robots.txt rules for AI crawlers and a draft llms.txt
• Debug: clear the data of the open site only, reload without cache, optimize the page's images to WebP/AVIF
• Client report: one HTML file with scores and prioritized fixes, in English or Italian, printable to PDF

FREE AND PRO
The free version needs no account and keeps the everyday tools: the inspector, colors and fonts, the SEO and GEO checks, contrast, screenshots with the editor and a first look at speed and accessibility, plus 5 HTML and CSS exports a week.
Pro unlocks every export format, the full WordPress, performance and accessibility audits, the client report, ZIP and media downloads, all 27 responsive devices and an unlimited Library synced to Google Drive: €6/month, €39/year or €79 once, prices excluding VAT. Team covers up to 5 people and adds your logo to the client report.
Try Pro free for 7 days from the popup, no card needed. Your first purchase can be refunded within 30 days.

PRIVACY
Everything runs in your browser. Pickode has no server and no account, and it doesn't collect or send your browsing data. To run some checks (GEO, Debug, assets) it requests files from the site you are analyzing, such as robots.txt, llms.txt, the sitemap and the page's images. With Pro, the license key is sent to Freemius, our payment provider, to verify it. If you connect Google Drive, your Library goes straight from your browser to your own Drive, and Pickode can only see the files it created.

Interface in English and Italian, dark, light or system theme, floating panel or browser side panel.

Please download only content you own or are authorized to use. DRM-protected video, encrypted streams, live streams and YouTube are not supported.

Made in Italy by ErreD di Raison Daniel · pickode.com