Design and dev utilities

Web Tools

Practical browser-first utilities for designers and web developers.

Calculate ratios, check contrast, inspect image metadata, and keep everyday production decisions moving without heavy setup.

  • Fast in-browser workflows
  • Local-first where practical
  • Accessible, reusable outputs

Toolbox directory

Pick a tool and get moving

Each card opens a focused utility built with the same sturdy comic-toolbox style.

16:9

Layout

Ratio Calculator

Simplify aspect ratios, convert dimensions, and preview responsive sizes for screens, media, and production specs.

AA

Color

Color Contrast Checker

Test foreground and background colors against WCAG thresholds for readable text and resilient interface components.

TOKENS

Color

Color Palette Tester

Assign palette colors to real UI roles, preview webpage sections, and catch accessibility issues before production.

STATES

Interaction

UI State & Interaction Tester

Preview buttons, forms, cards, navigation, alerts, and focus states before shipping your interface.

EXIF

Images

Image Metadata

Inspect file details, EXIF data, color profiles, AI prompts, and ComfyUI workflow metadata in one readable view.

IMG

Images

Image Editor & Compressor

Resize, crop, filter, reduce palettes, convert, and compress images locally in the browser.

QR

Generators

QR Code Generator

Create styled QR codes with payload presets, center logos, scan checks, and PNG, JPG, or SVG exports.

HTML

Generators

HTML Exporter

Paste AI-made infographic HTML, preview it in a sandbox, and export it as PNG or a single-page PDF.

enes