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.
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.
SQL INSERT to CSV Converter - Online Data Export
Paste SQL INSERT statements and extract the data into a clean CSV table. Works with multiple rows. Local parser.
Gradient Swatch Exporter - Online CSS to PNG Palette
Paste a CSS gradient and export a vertical swatch image. Ideal for design documents. No server needed.
Handwritten Digit Recognizer - Online Canvas & Guess
Draw a digit (0‑9) on the canvas and a simple neural net guess the number. Educational demo. No upload.
Virtual Deck Shuffler & Random Card Drawer
A fully animated deck of 52 cards. Shuffle, cut, or draw a specific number of cards. Perfect for missing cards in a real deck.
Console Log Extractor - Online Capture & Download Console
A tiny tool that hooks into the console and lets you export all messages to a file. Helpful for non‑technical bug reporting.
Pixel Art Creator - Online Draw & Export Pixel Images
Draw pixel art on a canvas grid, choose colors from palette, and export as PNG. Fun for game assets and retro artworks. All drawn data stays in your browser.
CSV to JSON Converter - Online Spreadsheet Data Parser
Parse CSV files into structured JSON arrays or objects. Customize delimiters and headers. Processed completely in your browser to protect sensitive data.
SVG to PNG Converter - Online Vector to Raster Image
Convert scalable SVG images to standard PNG files with a custom resolution. Works offline; just paste SVG code or upload an .svg file. Private and reliable.