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.
UD5 Toolkit
Extract coordinates from SVG path d attribute — curves, arcs, and lines, sampled or key points.
Paste an SVG path d string above and click Extract to get started.
Supports all SVG path commands: M, L, H, V, C, S, Q, T, A, Z
d attribute defines the path data — a sequence of commands and coordinates that describe the shape. Commands include M (move to), L (line to), C (cubic bezier), Q (quadratic bezier), A (elliptical arc), and Z (close path). Uppercase letters use absolute coordinates; lowercase uses relative coordinates.
c, l, q) define coordinates relative to the current pen position. This tool automatically converts all relative coordinates to absolute ones by accumulating offsets, so you always get clean absolute (x, y) pairs regardless of the original command casing.
<svg> snippet containing <path> elements, the tool will automatically extract all d attributes. Multiple paths are combined, and the output includes coordinates from all of them in order.
rx, ry, x-axis rotation, large-arc flag, and sweep flag. Points are sampled uniformly across the arc's angular span, providing a highly accurate polyline approximation. Increasing the sample count improves precision for very large or highly elliptical arcs.
[[x1,y1],[x2,y2],...]) — perfect for JavaScript or web development; CSV (x1,y1\nx2,y2\n...) — ideal for spreadsheet or data analysis tools; and X Y Pairs (x1 y1\nx2 y2\n...) — a clean, human-readable format great for copy-pasting into other vector software or scripts.
Paste an HTML snippet and convert it into an SVG image that visually replicates the DOM. Useful for creating static snapshots. Local canvas rendering.
Draw and edit SVG vector graphics in the browser. Basic shapes, text, and freehand. Export raw SVG code or as a file. No server, fully local.
Map CSV columns with latitude/longitude to GeoJSON points. Create map‑ready data instantly. All local.
Create a 'drawing' effect for any SVG path. Adjust speed and delay. Copy the CSS and SVG code. No JS needed.
Upload multiple SVGs and combine them into a single icon font (TTF, WOFF). Also get the CSS classes. Client‑side conversion.
Create smooth, animated CSS waves (like water or sound) by adjusting amplitude, colors, and speed. Copy the ready‑to‑use SVG/CSS code.
Convert standard Markdown into Slack’s mrkdwn format. Fixes bold, italic, and lists for perfect Slack message formatting.
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.
Transform normal sentences into cutesy UwU speak. Customizable intensity. Internet fun.
Convert HTML to plain text while preserving paragraph breaks. Remove images, links, and scripts. Quick data extraction.
Paste a data: URL and instantly download the file it represents. Supports all MIME types. Simple extraction.
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.
Convert between emoji characters and their shortcode representations (e.g., :tada: to 🎉). Supports Slack and GitHub styles.
Attempt to detect your current DNS resolver IPs using DNS‑leak test queries. Educational. Privacy‑friendly.
Use your webcam to record a video clip and download it as WebM. Adjust resolution. Works offline. Privacy‑friendly.
Use your webcam to record a video clip and download it as WebM. Adjust resolution and see a preview. Works offline.
Sign a message with a private key and verify the signature with the public key. Learn digital signature flow.
Create vertically oriented text layouts with `writing‑mode`. See the effect and copy the complete CSS. For vertical languages.
Extract a few seconds from a video and convert to a short looping GIF. Use browser video decoder.
Create a fake WhatsApp/iMessage chat screenshot. Customize names, messages, and timestamps. Just for fun.
Encrypt and decrypt text using the browser's Web Crypto API. Supports AES‑GCM and subtle key generation. No server required.
Create a realistic fake text message conversation. Choose iOS or Android style, set contact name, messages, and times. For laughs.
Drop a PDF and count the total words, characters, and pages. Text extraction is done locally. Privacy‑friendly.
Paste an image from your clipboard directly into the page (Ctrl+V) and extract its color palette. No file dialog needed.
Convert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.
Fetch a website's CSS and extract :root custom properties (‑‑color) to reveal its design token palette. For learning and inspiration.
Convert between Gregorian and Hijri (Islamic) dates. Approximate visual reference. Local algorithm.
Extract selectable text from a PDF using the browser's built‑in PDF rendering. Copy or download as TXT. No upload, fully private.
Translate between binary and Gray code (reflected binary code). See the bit changes. Useful for digital logic.
Encode decimal integers into signed magnitude binary representation and decode back. Learn computer arithmetic.