UD5 Toolkit
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 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.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 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.
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.
Open Graph Generator - Online OG Meta Tags Builder
Build perfect Open Graph meta tags for rich social media previews. Preview how your link will look on Facebook and LinkedIn. Structured data tools for better CTR.
Calligraphy Practice Paper Generator - Online Slant Guide Sheet
Generate and print custom calligraphy practice sheets with adjustable x-height, slant angle, and base line. Perfect for copperplate or Spencerian.
Bold & Italic Text Generator - Online Unicode Style Tool
Create styled text using Unicode math symbols that render as bold, italic, bold-italic, etc. Copy and paste to social media bios. Local generator.
Sine Wave Art Generator - Online Parametric Curves
Generate flowing geometric art by layering sine waves with different frequencies, amplitudes, and colors. Download SVG.
SVG Path Extractor - Online Get d= From SVG
Paste an SVG file and extract all path data. Clean and copy individual d strings. For icon manipulation.
ASCII Art Text Border - Online Decorate Your Message
Wrap your text inside an ASCII art frame or bubble. Multiple designs (speech bubble, box). Copy to clipboard.
Color by Number Generator - Online from Photo to Paint-by-Numbers
Upload an image and convert it into a paint-by-numbers outline with numbered palette. Adjust complexity. Print and paint. Local processing.
CSS sin(), cos(), tan() Demo - Online Animated Trig
Use trigonometric functions in CSS to create circular animations and layouts without JavaScript. See the code.
@font‑face Generator - Online Custom Web Font Snippet
Upload a font file or specify a URL and generate the complete @font‑face rule with modern formats and font‑display. Copy instantly.
Photo to Pencil Sketch - Online Realistic Effect
Turn any photo into a greyscale pencil sketch. Adjust detail level and darkness. Download your artwork. Local canvas filter.
Cash Stack Visualizer – Online See How Much $1 Billion Looks Like
Enter an amount and see a virtual stack of $100 bills with height comparison to everyday objects.
Open Graph Image Generator - Online Social Card from Photo
Upload a photo and turn it into an optimized Open Graph image with title overlay. Perfect for blog social shares. Canvas.
Open Graph Debugger - Online Fetch & Preview Social Card
Enter a URL to see exactly what Open Graph and Twitter card tags will be shown when shared on social media. Fetch from browser.
Diceware Passphrase Generator - Online Secure Word-based Password
Generate strong, memorable passphrases using the Diceware word list (EFF). Choose number of words. Cryprographically random selection. Privacy guaranteed.
Remove HTML Tags - Online Strip Code Cleaner
Paste HTML and instantly remove all tags, leaving only the text content. Optional keep line breaks. Quick cleaning.
Camera Selfie Tool - Online Take Pictures & Add Frame
Use your webcam to take selfies. Add a simple frame or filter, then download the picture. No upload, just fun.
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.
AES Text Encrypt/Decrypt - Online Secure Message Tool
Encrypt and decrypt text using AES in the browser with a password. Uses Web Crypto API. No data sent to server.
Noir Plot Generator - Online Hardboiled Story
Generate a hardboiled film noir plot with a detective, a dame, and a McGuffin. Great for creative writing prompts.
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.
CSV to GeoJSON Converter - Online Map Data Generator
Map CSV columns with latitude/longitude to GeoJSON points. Create map‑ready data instantly. All local.
Encrypted Note Taker - Online Write & Encrypt in Browser
Write notes that are encrypted in your browser before saving to localStorage. Only accessible with your passphrase.
DKIM Record Generator - Online Public Key DNS Entry
Generate a DKIM DNS record from a public key and selector. Check syntax. Improve your domain’s email deliverability.
Online Blackout Poetry Creator – Paste Text & Redact Words
Paste an article and click to black out words, leaving a poem. Print your final creation.
Fake Chat Generator - Online Prank Messenger Conversation
Create a fake WhatsApp/iMessage chat screenshot. Customize names, messages, and timestamps. Just for fun.