Skip to content
SPECIFICTION
Get listed

Calque vs Taimur Tools Image to Code

Calque

github.com

Taimur Tools Image to Code

taimurtools.com

Side by side

FigureCalqueTaimur Tools Image to Code
Price from—Free
Free plan—Yes
Free trial——
Open source——
Web—Yes
WindowsYes—
macOSYes—
LinuxYes—
Self-hostedYes—
Plans published01
Spec score · AI Screenshot-to-Code Tools7.8 (#12)7.1 (#20)
MakerThe repository says Calque is part of Openware, whose GitHub profile describes its work as self-hostable replacements for subscription software.TaimurTools identifies Taimur Hassan Siddiqui as its founder and says it operates remotely from Pakistan.
PurposeCalque turns a website screenshot into working HTML and CSS by measuring pixels rather than asking a vision model to interpret them.The tool turns a UI screenshot or sketch into front-end code using an AI vision model.

Plans

Calque

No plans published.

Calque pricing →

Taimur Tools Image to Code

  • FreeFree

Taimur Tools Image to Code pricing →

In their own words

Calque

Calque is a free, MIT-licensed tool that turns a PNG or JPEG website screenshot into HTML and CSS by measuring pixels. It can produce a self-contained HTML file or JSON measurements, including colors, type scale, weights, spacing, container width, gutters, and corner radii. It also identifies sections, columns, cards, buttons, alignment, and reading order, and can reconstruct vertical gradients. With the assets option, it crops photographs from the screenshot for use in the output. Its check command renders the result in an installed Chrome-family browser and compares it pixel by pixel with the screenshot. Calque is packaged as a Claude skill that provides measurements for Claude to use when writing project code. The documented workflow uses Tesseract for OCR; Docker is optional. The maker says it makes no model call or API request and works offline after OCR data is cached. It handles one screenshot, not a whole site, and cannot identify an exact typeface. Icons become placeholders, and photo crops retain screenshot resolution and any overlaid text.

Visit github.com

Taimur Tools Image to Code

Taimur Tools Image to Code turns one UI screenshot, mockup, or sketch into a first draft of front-end code. The web tool accepts an image/* file and can generate React with Tailwind CSS, HTML with Tailwind CSS, or HTML with plain CSS. Results can be copied or downloaded. The maker positions it for front-end builders creating an initial component from a design image or iterating on markup from a whiteboard sketch. Generated code may need adjustment for spacing, fonts, colors, design tokens, breakpoints, accessibility, and interactive behavior. An internet connection is required, and the tool does not work offline. The Free plan costs nothing, allows five runs per day, and requires no signup. The daily counter is stored in the browser, resets at midnight UTC, and is not shared across browsers or devices. Submitted images pass through taimurtools.com/api.php to Groq; the page says inputs are not stored but advises against confidential material.

Visit taimurtools.com