16:9
Layout
Ratio Calculator
Simplify aspect ratios, convert dimensions, and preview responsive sizes for screens, media, and production specs.
Toolbox directory
Pick a category, open a focused utility, and keep production decisions moving.
Planning utilities for dimensions, proportions, and responsive production specs.
16:9
Layout
Simplify aspect ratios, convert dimensions, and preview responsive sizes for screens, media, and production specs.
Checks and previews for accessible palettes, contrast, and UI color roles.
AA
Color
Test foreground and background colors against WCAG thresholds for readable text and resilient interface components.
TOKENS
Color
Assign palette colors to real UI roles, preview webpage sections, and catch accessibility issues before production.
Interface state tools for focus, hover, disabled, selected, and alert behavior.
STATES
Interaction
Preview buttons, forms, cards, navigation, alerts, and focus states before shipping your interface.
Local-first image inspection helpers for metadata, prompts, and file details.
EXIF
Images
Inspect file details, EXIF data, color profiles, AI prompts, and ComfyUI workflow metadata in one readable view.
IMG
Images
Resize, crop, filter, reduce palettes, convert, and compress images locally in the browser.
Browser-based generators for production-ready assets, snippets, and utility files.
QR
Generators
Create styled QR codes with payload presets, center logos, scan checks, and PNG, JPG, or SVG exports.
HTML
Generators
Paste AI-made infographic HTML, preview it in a sandbox, and export it as PNG or a single-page PDF.