UD5 Toolkit
HTML to SVG Converter - Online Render DOM to Vector
Paste an HTML snippet and convert it into an SVG image that visually replicates the DOM. Useful for creating static snapshots. Local canvas rendering.
SVG Editor - Online Vector Drawing & Code Tool
SVG Editor
Properties
0220
FAQ
Select a shape tool (rectangle, circle, line, or pencil) from the toolbar, then click and drag on the canvas. Release to finalize.
Absolutely! Modify the code in the right panel and click "Update Canvas" to apply changes. The visual editor reflects the code instantly.
Switch to Select tool (arrow), click a shape to select it, then drag to move. Use the property panel to change colors, or press Delete button to remove it.
Yes. Use the undo/redo buttons or standard shortcuts (Ctrl+Z / Ctrl+Y). Every action is recorded.
Click "SVG" to download an .svg file, or "Copy" to copy the SVG code to clipboard. You can also copy directly from the code panel.
Make sure your SVG code is valid and includes proper namespace. The editor expects
<g> wrappers for existing shapes; new shapes automatically use them.SVG Line Drawing Animation Generator - Online stroke‑dasharray
Create a 'drawing' effect for any SVG path. Adjust speed and delay. Copy the CSS and SVG code. No JS needed.
SVG Path Point Extractor - Online d to Coordinates
Parse an SVG path’s d attribute and list all the commands and absolute coordinates. Convert relative to absolute. Local.
SVG to Icon Font Generator - Online Create Custom Webfont
Upload multiple SVGs and combine them into a single icon font (TTF, WOFF). Also get the CSS classes. Client‑side conversion.
CSS Wave Generator - Online Animated SVG & Keyframes
Create smooth, animated CSS waves (like water or sound) by adjusting amplitude, colors, and speed. Copy the ready‑to‑use SVG/CSS code.
Vertical Text Layout Generator - Online writing‑mode CSS
Create vertically oriented text layouts with `writing‑mode`. See the effect and copy the complete CSS. For vertical languages.
CSV to GeoJSON Converter - Online Map Data Generator
Map CSV columns with latitude/longitude to GeoJSON points. Create map‑ready data instantly. All local.
Emoji to CSS Class Generator - Online Icon Font Style
Assign a CSS class to any emoji and generate a snippet that displays the emoji as a background image or pseudo element. Useful for icon systems.
Markdown to Slack mrkdwn Converter - Online
Convert standard Markdown into Slack’s mrkdwn format. Fixes bold, italic, and lists for perfect Slack message formatting.
HTML to Text with Line Breaks - Online Just the Words
Convert HTML to plain text while preserving paragraph breaks. Remove images, links, and scripts. Quick data extraction.
Emoji Shortcode ↔ Emoji Converter - Online :smile: Translator
Convert between emoji characters and their shortcode representations (e.g., :tada: to 🎉). Supports Slack and GitHub styles.
Webcam Recorder - Online Capture Video & Save
Use your webcam to record a video clip and download it as WebM. Adjust resolution and see a preview. Works offline.
Webcam Recorder - Online Capture Video & Save
Use your webcam to record a video clip and download it as WebM. Adjust resolution. Works offline. Privacy‑friendly.
UwU / OwO Text Converter – Online Furry Speak Generator
Transform normal sentences into cutesy UwU speak. Customizable intensity. Internet fun.
Text Lines to JSONL Converter - Online Newline Delimited JSON
Turn every line of a text file into a separate JSON object in a JSONL file. Configure key name and add line numbers. Perfect for data importing.
Video Still Frame to GIF – Online Snap & Animate
Extract a few seconds from a video and convert to a short looping GIF. Use browser video decoder.
Fake Chat Generator - Online Prank Messenger Conversation
Create a fake WhatsApp/iMessage chat screenshot. Customize names, messages, and timestamps. Just for fun.
Digital Signature Sign & Verify - Online Web Crypto
Sign a message with a private key and verify the signature with the public key. Learn digital signature flow.
Text Encrypt/Decrypt (Web Crypto) - Online AES & RSA
Encrypt and decrypt text using the browser's Web Crypto API. Supports AES‑GCM and subtle key generation. No server required.
What Are My DNS Servers - Online Detect via Browser
Attempt to detect your current DNS resolver IPs using DNS‑leak test queries. Educational. Privacy‑friendly.
Data URL to File Downloader - Online Decode & Save
Paste a data: URL and instantly download the file it represents. Supports all MIME types. Simple extraction.
Fake Text Message Generator - Online iMessage/Android Prank
Create a realistic fake text message conversation. Choose iOS or Android style, set contact name, messages, and times. For laughs.
Family Fire Escape Plan – Online Draw & Print Floor Map
Simple grid canvas to sketch your home's layout and mark escape routes and meeting point. Print for practice. Local only.
Tarot Card Random Draw - Online Single & Three Card Spread
Draw a random tarot card (or three-card spread) with meanings. For entertainment and self-reflection. Fun mystical experience, no data tracking.
Markdown to PDF Converter - Online Export Clean Documents
Write Markdown and instantly print/save as a styled PDF. Choose from multiple themes. Uses browser print function for high-quality output. Local only.
LocalStorage Manager - Online View, Edit & Export Keys
A GUI to manage all keys in your browser's localStorage. Add, delete, edit, and export data. Debug progressive web apps.
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.
ES Modules in Browser Demo - Online See Import/Export
Write a module and import it. See how browser handles module scripts. Learn modern JS structure.
Markdown to PDF Converter - Online Clean Export
Write in Markdown and convert it to a styled PDF using your browser's print engine. Customize font and margins. No upload.
Random Card Picker - Online Deck Draw & Shuffle
Click to draw random playing cards from a shuffled deck. The full deck is displayed. Use for decision or magic tricks.