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.
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 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.
Morse Code Image Generator - Online Dot/Dash Art
Enter a message and render it as an image of dots and dashes. Customizable colors. Great for posters.
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.
Animatable CSS Properties Cheatsheet - Online Reference
Search and filter all CSS properties that can be animated. See value types and example keyframes. Quick dev reference.
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 Figures Timeline - Online Interactive Life Spans
See famous people's life spans on a draggable timeline. Compare who was alive at the same time. Educational fun.
Base64 Image Extractor - Online Download from Data URI
Paste a Base64 data URI and download the image directly. Supports JPEG, PNG, GIF, WebP. Safe local processing.
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.
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.
Image Palette Extractor (Paste) - Online Clipboard Image
Paste an image from your clipboard directly into the page (Ctrl+V) and extract its color palette. No file dialog needed.
Color Gamut Viewer - Online See sRGB vs Display P3
See the chromaticity diagram and compare sRGB, DCI‑P3, and your display. Fun for design geeks.
Audio to Base64 Converter - Online Embed Sound in HTML
Encode short audio clips into Base64 data URIs for direct embedding in HTML5 <audio> tags. No external files needed.
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.
Seam Allowance Chart – Online Metric & Imperial Quick Ref
Visual reference for common seam allowances (1/4″, 5/8″, etc.) with actual size on screen. Essential sewing aid.
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.
HTML Fragment to PDF - Online Print Custom Section
Write or paste an HTML snippet and generate a PDF using the browser's print engine. Customize page size and margins.
Statute of Limitations Lookup – Online Reference by US State
Select a US state and legal category (debt, personal injury) to see typical time limits. Quick informational guide.
Morse Code Cheatsheet - Online Printable Reference
A clean, printable Morse code chart with letters, numbers, and common punctuation. Learn and decode easily. Static.
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.
Food Storage Shelf Life Directory – Online How Long Does It Last?
Look up storage times for pantry, fridge, and freezer items. Reduce food waste. Local database.
Image Morphing Simulator - Online Face Blend
Upload two portraits and create a simple morph animation between them. Download as GIF. Local canvas magic.
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.
CSS Animation Generator - Online Keyframes & Transitions
Create CSS animations and transitions without coding. Define keyframes, easing, and duration. Copy the @keyframes and animation code instantly.