UD5 Toolkit
View Transitions Gallery Demo - Online Morphing Image Grid
Click an image and see a smooth cross‑fade and morph to a large preview using View Transitions API. Copy the implementation code.
Image Morphing Slideshow - Online Two Face Transition
Face A
Click or drag imageFace B
Click or drag image
Upload two face images to start morphing
1s3s10s
Frequently Asked Questions
It's a smooth visual transition between two facial images, simulating a gradual change from one face to another. Our tool creates an animated slideshow effect using cross‑fading and subtle motion, perfect for creative projects, social media, or just fun.
We blend the two uploaded images on a canvas, controlling the opacity and applying a slight movement to simulate morphing. No real geometric warping is performed, but the result is a visually appealing face‑transition slideshow that you can control speed, direction, and loop.
You can upload JPEG, PNG, WebP, or even GIF (first frame will be used). For best results, use two portrait or square images with similar face sizes and plain backgrounds.
All processing happens directly in your browser. Your images are never uploaded to any server, so they stay 100% private and secure. Nothing is stored or shared.
Currently you can download the current frame as a PNG image. To get a full video or GIF, we recommend using a screen recorder (many free extensions available) while the slideshow plays. We plan to add direct video export soon!
Absolutely! The tool is fully responsive and works on iOS and Android. You can upload images from your phone gallery and watch the transition in real time.
Image Morphing Simulator - Online Face Blend
Upload two portraits and create a simple morph animation between them. Download as GIF. Local canvas magic.
Photo to Comic Book Effect - Online Halftone & Boom
Transform your photo into a comic book panel with Ben‑Day dots, heavy outlines, and speech bubbles. Download as image.
Image Polar Coordinates - Online Swirl & Distort
Transform an image from rectangular to polar coordinates (and back). Create amazing circular swirl effects. Local canvas.
Image to Polaroid - Online Vintage Instant Photo Frame
Wrap any image in a classic Polaroid frame with optional text caption. Export as PNG. Nostalgic touch for social media.
Lottie Animation Previewer - Online JSON Player
Paste Lottie JSON code or upload a .json file and see the animation play. Control speed and loop. Perfect for developers.
Image to Base64 Sprite Sheet - Online CSS Generator
Turn multiple images into a single Base64‑encoded sprite sheet and get the corresponding CSS background‑positions. Local.
Historical Cameras Timeline - Online Photography Evolution
Scroll through an interactive timeline of cameras from camera obscura to modern DSLR. Photos and facts.
Color Blindness Simulator - Online Vision Deficiency Preview
Simulate how images and UI elements appear to users with various types of color blindness. Upload or paste image URL. Promote inclusive design.
Text to Braille Image - Online Embossable PNG Generator
Convert short text into a black‑and‑white Braille bump image ready for embossing. Educational and inclusive.
Image Color Quantizer - Online Reduce Colors to 8‑bit Palette
Reduce the number of colors in an image to a retro 8‑bit look. Uses median cut quantization in the browser. Preview and download the stylized result.
Accessible Color Contrast Finder - Online WCAG 2.1 Helper
Given a background color, this tool suggests foreground colors that meet AA/AAA contrast ratios. Works for all vision types.
Batch Image to Base64 Encoder - Online Multiple Files
Convert multiple images to Base64 data URIs at once. Copy individually or as a JSON array. Great for inline assets. Local.
Color Contrast Checker - Online WCAG Accessibility Validator
Check the contrast ratio between foreground and background colors to ensure web accessibility compliance. Get WCAG 2.1 AA/AAA pass/fail results instantly.
Sublimation Press Time Calculator – Online Mug/T‑Shirt
Look up recommended time and temperature for various sublimation blanks. Quick reference.
Bill Tracker – Online Visual Calendar for Due Dates
Add recurring bills with amounts and see a monthly calendar with due date indicators. Simple finance organizer.
Week Number Finder - Online ISO Week of Year
Enter any date and get the ISO week number. Also shows start and end of that week. Handy for project planning.
Week Number & Start/End Dates - Online ISO 8601
Enter any date and get its ISO week number, plus the start and end dates of that week. Quick reference.
PDF Signature Drawer - Online Add Handwritten Sign
Draw your signature on a canvas and overlay it onto a PDF document. All editing stays in your browser.
Fraction to Decimal Conversion Chart – Online Quick Reference
Interactive table showing common fractions and their decimal/percentage equivalents. Click to highlight.
JSON to TypeScript Interface - Online Type Gen
Paste a JSON object and instantly get a TypeScript interface definition. Handles nested objects and arrays. Local only.
Time Zone Offset Lookup - Online UTC ± Hours City
Search a city or country and see its current UTC offset, DST status, and abbreviation. Quick reference for scheduling.
iCalendar File Viewer - Online ICS Parser
Drop or paste an .ics file and see all events in a readable table. Check dates, times, and locations. Privacy‑friendly.
Coffee Roast Profile Color Meter – Online Agtron Number Estimator
Select roast level (cinnamon, city, full city, etc.) and see approximated Agtron color value and bean temperature.
Recycling Symbol Decoder – Online Plastic Numbers Guide
Click a plastic number (#1‑#7) to see what it means, if it's recyclable in your area generally, and common products.
Morse Code Cheatsheet - Online Printable Reference
A clean, printable Morse code chart with letters, numbers, and common punctuation. Learn and decode easily. Static.
Easing Gradient CSS Generator - Online Non‑Linear Transitions
Create CSS `easing‑gradient()` functions for smooth, non‑linear color transitions. Experimental and powerful. Copy the code.
Photo Montage (Ken Burns) - Online Animated Effect
Create a slow, zooming and panning photo montage (Ken Burns effect) from your images. Export as WebM video. Canvas.
Instant Image Slideshow - Online Local Photo Player
Select a folder of images and start a full‑screen slideshow right in your browser. Adjust interval and transition. No upload.
Analog Clock Face Generator - Online Custom Watch Design
Design a custom analog clock face by choosing colors, hands, and numbers. Download as SVG or PNG. For craft or UI design.