UD5 Toolkit
Favicon Badge Generator – Add Notification Dot to Tab Icon
Upload your favicon and overlay a small numbered badge. Download the modified .ico and the JavaScript snippet to dynamically update the count.
Developer Tools - Utilities for Coders
99+ toolsCustom Lorem Ipsum Generator – Words, Sentences & Paragraphs
Generate dummy text with precise control: number of paragraphs, sentences per paragraph, and words per sentence. Also choose between Lorem Ipsum and random English.
HTML Boilerplate Generator – Custom HTML5 Skeleton
Configure a modern HTML5 boilerplate with your choice of meta tags, social media cards, favicon links, and CSS/JS includes. Download or copy the code.
CSS Obfuscator – Minify & Mangle Class Names
Obfuscate CSS by mangling class names and removing whitespace for production. Use with caution and export a mapping file to keep references intact.
Grid Overlay Tester – Overlay Custom Grids on Live Sites
Enter a URL and apply a custom CSS grid overlay to check alignment. A quick frontend design tool for verifying column placement and baseline grids.
Date Locale Previewer – Online Intl.DateTimeFormat Visualizer
Select a date, time zone, and locale to see how it appears in various formats (long, short, etc.). Ensure correct i18n.
Image Silhouette to clip‑path – Online Polygon Extraction
Trace the edge of an object in an image and generate a CSS clip‑path polygon. For non‑rectangular layouts.
Windows Shortcut Driller – Online Random Win+Key Prompt
Randomly prompts you to press a Windows keyboard shortcut (e.g., Win+E). Learn to be a power user.
Mac Keyboard Shortcut Visualizer – Online Modifier Key Cheatsheet
Press a combination of modifier keys and see which common macOS shortcuts use them. Learn by experimentation.
Advanced Case Converter – Online snake_case camelCase kebab-case
Convert text between various programming case styles. Includes SCREAMING_SNAKE, PascalCase, etc.
Email‑Safe Button Generator – Online Inline CSS Bulletproof
Create colorful, bulletproof HTML buttons for email. Uses VML for Outlook, graceful fallback for others.
JSON to PlantUML Diagram – Online Visualize Data Structure
Paste a JSON object and generate PlantUML code for a class or object diagram. Preview rendered image.
Caching Strategy Visualizer – Online Cache First vs Network First
Select a caching strategy and see a flow diagram of how requests are handled. Learn PWA patterns.
CSS Grid Cheatsheet – Online Interactive Template Areas
Visual reference for CSS Grid properties. Click to see code snippets and visual demos.
Code Review Focus Picker – Online Random Aspect to Check
Randomly picks a specific aspect to focus on (naming, security, performance) during code review. Sharpen reviews.
Pair Programming Role Assigner – Online Random Driver/Navigator
Enter names and randomly assign driver and navigator roles. Rotate fairly. Team tool.
Markdown to Word Snippet – Online Copy Formatted Text
Render Markdown and copy the formatted output as rich text to paste directly into Word or Google Docs.
URL Query String to JSON – Online Parse & Format
Paste a full URL or query string and instantly get a pretty JSON object. Parse arrays and nested keys.
Visual Cron Schedule Builder – Online Next 10 Runs Preview
Build a cron expression using plain English toggles and see its visual timeline. No memorization needed.
Advanced .gitignore Generator – Online Multi‑Tech Stack
Select multiple languages and tools (Node, Python, Mac, Windows) and generate a combined .gitignore.
HTML Class Name Shortener – Online Reduce File Size
Replace long CSS class names with short random strings. Map generated. For production optimization.
CSS Declaration Sorter – Online Organize Properties
Paste a CSS rule and sort its declarations alphabetically or by box model grouping. Clean up styles.
Nerd Font Icon Previewer – Online Search & Copy Glyphs
Browse all Nerd Font icons by category. Click to copy the glyph character. For terminal and prompt customization.
CSS Color Converter All-in-One: Hex, RGB, HSL, OKLCH
Enter color in any CSS format and see all other representations. Live preview. Swatch history.
WHOIS Domain Lookup – Online Simple Registration Check
Enter a domain and see public WHOIS info via a free API with rate limiting. Quick domain check.
Browser Storage Quota Dashboard – Online See Usage
Check estimated usage and quota for local and session storage on your browser. Quick dev tool.
SVG Path D to Array – Online Extract Coordinates
Paste an SVG path d string and parse it into an array of commands and coordinates. Useful for animations.
Text to Unicode HTML Entities – Online Convert All Chars
Type text and get every character converted to &#xxxx; entities. Useful for encoding.
npm Package Name Checker – Online See If Slug Is Taken
Enter a name and query npm registry via public API to check if it's taken or scoped. Quick.
JSON Duplicate Key Checker – Online Find Repeated Keys
Paste JSON and instantly see if any object has duplicate keys. Quick syntax spotter.
Viewport Unit Calculator – Online vw vh vmin vmax to PX
Enter a CSS value in vw/vh and see the actual pixel size at current viewport. Dynamic resize demo.
CSS Media Query Range Tester – Online Width/Height Debug
Paste media queries and see a visual indicator of which rules apply at current viewport size.
Image File Size Predictor – Online KB for Given Pixels
Enter width, height, format to approximate file size. Plan web performance. Simple model.
Barcode Scanner Simulator – Online Enter Number & Visualize
Type a UPC or EAN number and see how a laser scanner would identify it, plus check digit validation.
Simple Uptime Monitor - Online Check Website Status from Your Browser
Enter a URL and click to check if it's reachable from your browser (CORS-limited, uses no-cors fetch). Quick manual test. Local only.
Base58 Encoder & Decoder - Online Bitcoin-Style Address Tool
Encode or decode data to/from Base58 (Bitcoin alphabet). Useful for cryptocurrency address generation testing. Fully local, no data sent.
YAML to JSON Schema Converter - Online OpenAPI Infer Structure
Paste a YAML example and generate a JSON Schema draft that matches the structure. Helps build API specs. Pure client-side inference.
Browser Console Simulator - Online Practice JavaScript Logging
Type JavaScript expressions and see output like a real browser console. Supports console.log, error, warn. Use for quick testing without DevTools.
CSS Animation Library Browser - Online Preview & Copy Keyframes
Browse a collection of ready-to-use CSS animations (fade, slide, bounce). Click to preview, then copy @keyframes and class to your project. Local tool.
SVG Path Minifier - Online Clean & Optimize Path Data
Paste SVG path data and remove unnecessary precision, normalize commands, and reduce size. Helpful for optimizing inline SVGs. Local tool.
Semantic Versioning Validator - Online Check Semver Syntax
Validate and compare semantic version strings. Check if a version satisfies a range (e.g., ^1.2.3). Visual breakdown of major.minor.patch. Local only.
JSON Deep Diff Checker - Online Compare & Highlight Changes
Compare two JSON objects and see added, removed, or changed keys. Visual tree view with color highlighting. Handles nested structures. Local processing.
SCSS to CSS Converter - Online Free Sass Compiler
Compile SCSS code to CSS directly in the browser using the official Sass.js library. Supports variables, mixins, nesting. No server upload required.
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.
SQL JOIN Temperature Tester - Online Quick Join Syntax Checker
Quickly test SQL JOIN syntax (INNER, LEFT, RIGHT, FULL) with a sample database schema. Check logic and see conceptual result set without a real DB. Local only.
Date/Time Format Sandbox - Online Intl.DateTimeFormat Tester
Experiment with JavaScript Intl.DateTimeFormat options. Choose locale, dateStyle, timeStyle, hour12 and see live output. Copy the code snippet for your project.
IPv4 Subnetting Practice Quiz - Online CIDR & Netmask Drills
Practice calculating network ID, broadcast address, and usable IPs from a random IP/CIDR combination. Instant feedback and score tracking. Perfect for CCNA prep.
SQL CREATE TABLE to CSV Header - Online Column Lister
Paste a SQL CREATE TABLE statement and extract just the column names as a CSV header row. For data migration.
MySQL ENUM to TypeScript Union - Online Schema Converter
Paste a MySQL ENUM definition and get a TypeScript union type string literal. For type‑safe database schemas.
Base64 to CSS @font‑face Converter - Online Embed Font
Paste a Base64 encoded font string and generate the complete @font‑face CSS rule. Inline small fonts easily.
Webhook Tester & Inspector - Online View Incoming Payloads
Generate a temporary webhook URL (mock) and view the JSON payloads sent to it. Great for testing integrations locally.
Telegram Bot Markdown/HTML Builder - Online Message Formatter
Compose messages with bold, italic, links, and code. See the raw HTML or Markdown for your Telegram bot API calls.
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.
Bookmarklet Code Builder - Online Convert JS to Bookmark
Write a JavaScript snippet and get a ready‑to‑drag bookmarklet link. With minification and encoding. Easy browser tools.
CSS Dynamic Island Demo - Online Pill Shape Animation
Create the iPhone Dynamic Island look‑alike with a pill that expands on hover. Pure CSS. Copy the playful code.
Neumorphism Card Builder - Online Soft UI Generator
Design a soft, extruded card with inner and outer shadows. Adjust depth and roundness. Copy the CSS.
Glassmorphism Card Builder - Online Frosted UI Developer
Create a frosted glass card with background blur, border glow, and shadow. Adjust intensity. Copy the CSS.
Responsive Navbar Generator - Online Pure CSS Hamburger
Design a responsive navigation bar with a pure CSS hamburger menu. Customize colors and breakpoints. Copy the code.
Bidirectional Text Analyzer - Online RTL/LTR Detection
Paste text with mixed Arabic/Hebrew and English. See the Unicode bidi class of each character and ordering. i18n debugger.
Unicode Normalization Tester - Online See NFC vs NFD
Paste two strings that look the same and see if they differ after normalization. Debug invisible encoding bugs.