Calque

At a glance

• Editor score
  8.5 / 10
• Pricing
  Open source
• Best for
  Pixel-accurate plain HTML reconstruction
• Paid from
  Free
• Framework support
  Plain HTML and CSS custom properties
• Facts checked
  22 Sep 2026

• Where it wins

  • Measures layout, typography, color, spacing, radii, and alignment
  • Reconstructs gradients and crops photographic regions for asset references
  • Pixel-checks rendered output against the source screenshot

• Where it doesn't

  • Generates plain HTML and CSS rather than framework-specific code
  • Accepts PNG and JPEG screenshots as its input sources
  • Requires a self-hosted CLI workflow rather than a hosted service

Our verdict on Calque

Calque is an open-source, self-hosted command-line tool for turning PNG or JPEG website screenshots into self-contained HTML and CSS. It is aimed at developers and teams reconstructing a page from a visual reference, especially when the target is plain HTML with CSS custom properties. It can also produce a JSON measurement specification for further implementation and ships as a Claude skill, giving the workflow both command-line and skill-based entry points.

Its strongest differentiator is the depth of its screenshot analysis. Calque measures colors, typography, spacing, radii, gutters, and alignment; detects sections, columns, cards, buttons, and reading order; and crops photographic regions for asset references. It also reconstructs vertical gradients and provides rendered, pixel-by-pixel checks against the source screenshot. The documented workflow includes build, extract, render, and check commands, so the product covers both measurement and visual verification rather than stopping at an initial markup output.

Calque is deliberately narrow in output scope. The published format is self-contained HTML and CSS with custom properties, with no framework-specific output preference. That makes it a clear fit for plain HTML reconstruction, but a less direct choice for teams that need a React, Vue, or other framework implementation. It is also presented as a self-hosted open-source CLI rather than a hosted pricing model, so teams should be comfortable managing that workflow. Choose Calque when screenshot measurement and pixel-level checking matter more than framework breadth; choose an alternative when framework-native output is a primary requirement.

Your product? Our editors can test Calque in depth and publish a review, labelled as paid · from $149/mo →

Calque pricing

Calque fact sheet

Alternatives to Calque

• AI Pic2CodeA free, open-source way to turn screenshots into code across four frontend frameworks.9.4
• Codia AIA broad screenshot-to-code platform covering web, mobile, design files, and enterprise workflows.9.2
• CoderUIA flexible screenshot-to-code tool with Figma integration, responsive output, and five free generations.9.0

See all Calque alternatives →

Calque vs the competition

• CCalque vs AI Pic2Code
• CCalque vs Codia AI
• CCalque vs CoderUI
• COCalque vs OpenStitch
• CCalque vs Instant Tools Screenshot to Code
• CCalque vs NexusUI

Compare Calque with any tool side by side →

Featured on iTechGuides

Calque is listed in our AI Screenshot-to-Code Tools directory. Add the badge to your site — it links back to this page.

<a href="https://www.itechguides.com/products/calque/"><img src="https://www.itechguides.com/best/badge/calque.svg" alt="Featured on iTechGuides" width="230" height="46"></a>

Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026

Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.

Last updated 7 Oct 2026 · How we research and update