UD5 Toolkit
Dynamic SVG Placeholder Generator - Online Text-Based
Generate an SVG placeholder image with custom text, width, height, and colors. Use as a placeholder service. Pure SVG.
Markdown Table Generator - Online Visual Builder & Formatter
Markdown Table Generator
Visual builder & formatter for clean Markdown tables. Edit cells, set alignment, copy or download instantly.
Copied to clipboard!
Frequently Asked Questions
Markdown tables use pipes (
|) to separate columns and hyphens to create the header separator. The first row contains column headers, the second defines alignment (:---, :---:, ---:), followed by data rows.Click the alignment icon next to each column header to toggle between left, center, and right. The Markdown separator line will automatically update.
Standard Markdown tables do not support line breaks inside cells. This tool keeps each cell to a single line. Use
<br> in HTML if you need line breaks, or consider an HTML table.Yes, the generated table works in GitHub, GitLab, Reddit, and most platforms that support basic Markdown tables. Alignment syntax follows the common GFM spec.
Use the "Copy Markdown" button to copy raw Markdown, or switch to the Preview tab and copy the rendered HTML. You can also download a
.md file.CSS Animation Generator - Online Keyframes & Transitions
Create CSS animations and transitions without coding. Define keyframes, easing, and duration. Copy the @keyframes and animation code instantly.
HTML Symbol Entities Cheatsheet - Online Search & Copy
Search and copy HTML entities for arrows, math, currency, and symbols. See the glyph and code. Fast reference.
Animatable CSS Properties Cheatsheet - Online Reference
Search and filter all CSS properties that can be animated. See value types and example keyframes. Quick dev reference.
Chess Position Editor - Online Setup Board & Export FEN
Drag and drop pieces to set up a chess position. Generate FEN string and copy to share. Analyze openings. Local only.
Emoji Background Pattern Generator - Online Repeat CSS
Select emojis and arrange them into a seamless tiling background. Copy the CSS data‑URI or download as image.
Paper Size Visual Comparison – Online A4 vs Letter vs Legal
Overlay outlines of different paper sizes scaled to real dimensions on screen. Choose the right one.
CSS Box Reflect Generator - Online WebKit Mirror Effect
Create a reflection effect for images or text using box‑reflect. Adjust direction and offset. Copy the CSS.
Shuffleboard Strategy Visualizer – Online Puck Placement Planner
Drag pucks onto a digital lane to plan offensive and defensive shots. Practice before your next cruise.
Random Number Generator - Online RNG Between Range
Generate truly random numbers within a specified range. Useful for contests, game decisions, and sampling. Runs locally, no hidden algorithms.
Google Apps Script Web App Boilerplate - Online Starter Code
Generate the doGet() and doPost() boilerplate for a Google Apps Script web app. Ready to paste into the editor.
JavaScript Regex Cheatsheet - Online Interactive Pattern Reference
Interactive cheatsheet for JavaScript regular expressions with live examples. Click any token to see its explanation and test it on sample text immediately.
Image to Markdown Base64 - Online Embed Small Pics
Convert a small image into a Base64 data URI and get a Markdown image tag. Perfect for README files and note‑taking apps. Local.
SQL CRUD Query Generator - Online SELECT INSERT UPDATE DELETE
Fill in a table name and columns, and the tool writes the correct SQL INSERT, UPDATE, DELETE, and SELECT queries. For quick scaffolding.
Babel Config Generator - Online Presets & Plugins
Choose Babel presets (env, React, TypeScript) and plugins. Get a clean babel.config.json to transpile your code. Local tool.
Touch Feedback Generator - Online Haptic & Visual Cue
Preview different touch feedback patterns (scale, color, ripple) for mobile buttons. Copy the CSS and HTML. Improve mobile UX.
.nvmrc Node Version Generator - Online
Select a Node.js version from the LTS list and instantly download a .nvmrc file. Lock your project’s runtime.
Sudoku Generator - Online Play & Create 9x9 Puzzles
Generate a random Sudoku puzzle with a unique solution. Choose difficulty and type numbers on the board. Timer and mistake counter.
BlurHash Generator & Preview - Online Placeholder Image
Upload an image and get its BlurHash string along with a tiny preview. Use for progressive loading. Pure JavaScript.
Video to GIF Converter - Online Create Animated Images
Trim a video clip and convert it into an animated GIF. Adjust frame rate and size. Processing stays on your computer for privacy.
animation‑composition Demo - Online Blend Multiple Animations
See how `animation‑composition: replace, add, accumulate` works by layering animations on the same property. Understand the spec.
Noise Texture & Grain Generator - Online CSS Background
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Ingredient Substitution Finder - Online What to Use Instead
Search for common ingredient substitutions (e.g., buttermilk, egg, cornstarch). Quick reference for when you're missing something. Local data.
Virtual Circular Slide Rule – Online E6B Style Calculator
Drag the virtual ring to perform multiplication, division, and unit conversions. Rediscover pre‑electronic calculator charm.
CSS Filter Functions Playground - Online Visual Adjustments
Chain multiple CSS filter functions and see the result on an image. Copy the filter string. No upload.
Dynamic Placeholder Image Service - Online Test Images
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.
Selection & Range API Demo - Online Get/Set Selection
Select text and see the Selection object properties. Create ranges programmatically. Understand how rich‑text editors work.
Animated GIF to WebP Converter - Online Smaller Size
Convert animated GIFs to animated WebP format for smaller file size. Choose quality level. All processing in browser.
Random CV Skill Generator - Online Modern Job Terms
Add some trendy skills to your resume. Generate a list of hard and soft skills relevant for tech and business jobs.
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.