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.
UD5 Toolkit
Type[]. Mixed-type arrays use union types like (string | number)[]. Arrays of objects receive special treatment: the tool merges properties from all array elements, automatically marks inconsistently present properties as optional, and generates a dedicated interface for the array item type. Empty arrays default to any[].
?) based on the JSON data. If a property appears in only some array elements or has a null value, it's marked optional. When disabled, all properties are required, and null values are represented as union types with | null. This gives you control over strictness in your type definitions.
.ts or .d.ts file. The tool produces clean, properly indented code with correct TypeScript syntax. You can toggle the export keyword to make interfaces importable across modules, and choose between semicolons or line breaks as property delimiters.
string, numbers to number, booleans to boolean, objects to generated interfaces, arrays to Type[] or union arrays, and null to null (or any when the type cannot be determined). The tool performs deep analysis of your data structure to produce the most accurate TypeScript types possible.
interface declarations by default, which is the preferred approach in TypeScript for object shapes due to better error messages and extendability. If the top-level JSON is an array, a type alias is generated instead (e.g., type Root = ItemType[]), since interfaces cannot directly describe array types.
Paste Lottie JSON code or upload a .json file and see the animation play. Control speed and loop. Perfect for developers.
A clean, printable Morse code chart with letters, numbers, and common punctuation. Learn and decode easily. Static.
Upload two portraits and create a simple morph animation between them. Download as GIF. Local canvas magic.
Drop or paste an .ics file and see all events in a readable table. Check dates, times, and locations. Privacy‑friendly.
Search a city or country and see its current UTC offset, DST status, and abbreviation. Quick reference for scheduling.
Turn multiple images into a single Base64‑encoded sprite sheet and get the corresponding CSS background‑positions. Local.
Wrap any image in a classic Polaroid frame with optional text caption. Export as PNG. Nostalgic touch for social media.
Click a plastic number (#1‑#7) to see what it means, if it's recyclable in your area generally, and common products.
Select roast level (cinnamon, city, full city, etc.) and see approximated Agtron color value and bean temperature.
Enter any date and get the ISO week number. Also shows start and end of that week. Handy for project planning.
Convert multiple images to Base64 data URIs at once. Copy individually or as a JSON array. Great for inline assets. Local.
Interactive table showing common fractions and their decimal/percentage equivalents. Click to highlight.
Transform your photo into a comic book panel with Ben‑Day dots, heavy outlines, and speech bubbles. Download as image.
Transform an image from rectangular to polar coordinates (and back). Create amazing circular swirl effects. Local canvas.
Enter any date and get its ISO week number, plus the start and end dates of that week. Quick reference.
Convert short text into a black‑and‑white Braille bump image ready for embossing. Educational and inclusive.
Upload two face portraits and watch a simple morphing transition. Not professional, but fun experiment with canvas.
Scroll through an interactive timeline of cameras from camera obscura to modern DSLR. Photos and facts.
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.
Look up recommended time and temperature for various sublimation blanks. Quick reference.
Simulate how images and UI elements appear to users with various types of color blindness. Upload or paste image URL. Promote inclusive design.
Draw your signature on a canvas and overlay it onto a PDF document. All editing stays in your browser.
Given a background color, this tool suggests foreground colors that meet AA/AAA contrast ratios. Works for all vision types.
Add recurring bills with amounts and see a monthly calendar with due date indicators. Simple finance organizer.
Check the contrast ratio between foreground and background colors to ensure web accessibility compliance. Get WCAG 2.1 AA/AAA pass/fail results instantly.
Click an image and see a smooth cross‑fade and morph to a large preview using View Transitions API. Copy the implementation code.
Visually configure scroll‑snap containers and items. Adjust alignment, stop behavior, and padding. Copy the clean CSS instantly.
Generate the MD5 hash of any text string. For quick integrity checks. All local computation.
Format a list of Q&A pairs and export as a CSV ready for Anki import. Simple line‑based template. Local.
Style underlines, overlines, and strike-throughs with colors, wavy styles, and thickness. Modern CSS text‑decoration.