Visual Image Diff Slider - Online Compare Two Photos
Drag a slider over two images to see the differences instantly. Perfect for showcasing retouches or compression effects.
UD5 Toolkit
Online White Balance Tint Adjustment — Upload, Adjust, Download
Drop your image here
or click to browse — JPG, PNG, WebP, HEIC supported
Drag a slider over two images to see the differences instantly. Perfect for showcasing retouches or compression effects.
Trace the edges of an uploaded image and create a glowing neon SVG effect. Adjust glow color and thickness. Download SVG.
Analyze letter/symbol frequency with an interactive bar chart and heatmap. Useful for breaking simple ciphers, linguistics, and SEO keyword analysis. Local processing.
Load a variable font (default or custom) and play with weight, width, slant, and custom axes. Download the CSS.
Convert any photo into a stark 1‑bit black‑and‑white image (no grays). Adjust threshold. Save as PNG.
Convert hex, RGB, or HSL into the modern OKLCH color space. See the preview and copy CSS oklch() value. Local.
Control image‑orientation: from-image vs none. See how the browser interprets EXIF rotation. Fix portrait photos.
Apply a tilt-shift effect to make a real scene look like a miniature model. Control blur gradient. All in browser.
Mix colors with different alpha channels using color‑mix(). See how transparent colors combine. Copy the CSS.
Rotate an image by any angle with a live preview. Adjust background fill. Download the corrected orientation. Canvas‑based.
Upload an image and see a rough simulation of how it might look when printed. Highlights areas that may lose detail.
Automatically improve the contrast of dark or washed‑out photos using histogram equalization. One‑click auto‑tune. All canvas‑based.
Customize falling snow particles with pure CSS or canvas. Adjust speed, size, and wind. Copy the code for your website.
Apply a simple aging effect to a portrait: add wrinkles and grey hair. Just for laughs. Canvas manipulation.
Apply a stipple or halftone effect to preview how an image might look when laser engraved. Download black‑and‑white output.
Force more or less contrast and see how your page adapts. Test your CSS media queries for accessibility.
Shows today's moon phase, age, and percent illuminated. Simple visual display. Works offline.
Overlay a realistic aged paper, parchment, or canvas texture onto any photo. Vintage effect. Download result.
Paste text and get a rough analysis of its emotional tone (happy, sad, angry, etc.) based on keyword matching. Local.
Pick any two colors and blend them proportionally with a slider. Get the resulting hex, RGB, and HSL. Pure client‑side.
Analyze text for subjective and emotionally charged words. Helps identify potential bias in writing. Purely heuristic, local operation.
Paste or write a CSS gradient value and instantly see the rendered output. Debug and iterate on gradients quickly. Local preview.
Demonstrate frequency separation by splitting an image into high/low frequency layers. Visual tool, not full editor.
Check the Accessible Perceptual Contrast Algorithm (APCA) ratio. The next‑generation contrast method for WCAG 3.
Rotate any JPEG or PNG by exact 90° increments or flip horizontally/vertically. Preserves original quality. Pure browser canvas.
Compute riser height and tread depth given total rise and run. Applies comfort formula (2R+T=63cm). Ideal for deck or interior stair design.
Adjust recommended tire pressure for extra load or high speed. Simple reference chart.
Create text with a gradient fill using CSS background-clip. Configure colors and direction. Copy the code. Works in modern browsers.
Pixelate selected areas of an image to hide faces or sensitive data. Adjust block size. Download the censored result.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.