UD5 Toolkit
Code Screenshot Generator - Online Carbon Code Image Maker
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
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.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.
Seating Chart Maker - Online Drag & Drop Desks
Create a simple seating chart by dragging desk icons and assigning names. Print or screenshot. Perfect for teachers.
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.
Visual CSS Specificity Calculator - Online (0,0,1) Style
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Stencil.js Component Generator - Online Web Component Starter
Fill in a component name and generate a complete Stencil.js component with TSX, CSS, and test files. Quick start.
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.
.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.
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.
Interactive Regex Cheatsheet - Online Quick Reference
An interactive reference for regular expression tokens. Click a token to see its explanation and example. Learn regex faster.
HTTP Link Header Generator - Online Preload & DNS‑Prefetch
Construct HTTP Link headers for server push replacements, preload, and preconnect. Copy the header value.
Express Route Snippet Generator - Online Node.js API
Enter a resource name and HTTP method to get a complete Express route handler with try/catch and comments.
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.
Random Magic Item Generator - Online DnD Loot
Create a random magical item with a name, effect, and lore for your RPG session. Perfect for dungeon masters. No API.
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.
Animated Gradient CSS Generator - Online Moving Background
Create a looping animated gradient background with multiple color stops. Copy the complete CSS keyframes. Eye‑catching.
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.
Noise Texture CSS Generator - Online Grain & Grunge
Generate a subtle or heavy noise/grain texture as a CSS background. Adjust intensity and color. Copy the small code.
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.
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.
Responsive Embed Code Generator - Online Video & Map
Paste any iframe embed code (YouTube, maps) and get a responsive wrapper div with correct aspect ratio CSS.
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.
Random Dessert Recipe - Online Sweet Treat Idea Generator
Get a random dessert recipe with ingredients and steps. From cakes to cookies. Solve your sweet cravings. Local database.
Blob URL Generator - Online Create Temporary Object URL
Create a Blob from text or a file and generate a temporary URL for it. Understand the Blob API. Dev demo.
CSS‑in‑JS Runtime Cost Simulator - Online Render 1000 Nodes
Render 1000 styled elements using inline styles vs. CSS classes and compare time. Understand CSS‑in‑JS trade‑offs.
Backpack Weight Planner – Online Distribute Load & Reduce kg
List each item with weight, see total load. Color-coded recommendations for reducing pack weight. Local storage.
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.
SVG Placeholder Image - Online Dynamic Size Box
Generate a link to an SVG placeholder image with a custom width, height, and text. Use as dummy image src. No server.