UD5 Toolkit
Positioning Playground - Online Absolute & Relative Offset
Drag a positioned box and see the top/right/bottom/left values change. Understand containing blocks. Visual.
Responsive Embed Code Generator - Online Video & Map
Responsive Embed Code Generator
Create clean, responsive iframe embed codes for YouTube, Vimeo, and Google Maps in seconds. No more broken layouts on mobile.
Settings
Live Preview
Your responsive embed will appear here
Embed Code
Frequently Asked Questions
A responsive embed code uses CSS techniques (like percentage-based padding) to make an iframe (video, map, etc.) automatically adjust its size to the width of its container, providing a great viewing experience on all devices.
Without responsive embeds, your video may overflow on small screens, breaking your layout. A responsive embed scales down perfectly on mobile devices, ensuring users can watch without horizontal scrolling.
Open Google Maps, search for a location, click "Share", then choose "Embed a map". Copy the entire
src URL from the generated iframe and paste it into our tool. We'll wrap it responsively.
Yes! Choose from common presets like 16:9, 4:3, 1:1, 21:9, or define your own custom width-to-height ratio. The tool automatically calculates the correct padding for perfect responsiveness.
Absolutely. We output clean, modern HTML with
allowfullscreen and loading="lazy" attributes where appropriate, and no deprecated tags like frameborder.
position: sticky Playground - Online Sticky Headers & Footers
Scroll a container and see how sticky elements behave. Adjust top, bottom, and scroll margins. Copy the code.
Number to Ordinal (1st, 2nd, 3rd) – Online Multi‑Language
Enter a number and see its ordinal representation in English, Spanish, French, etc. Localized rules.
Party Headcount & Supply Calculator – Online Estimate for Kids
Enter number of children and see estimated cups, plates, party favors needed. Quick planning tool for birthday parties.
Moon Sign Calculator - Online Astrological Lunar Position
Enter birth date and time to find your astrological moon sign. Based on simple zodiacal longitude. For entertainment.
Moon Age Calculator - Online Days Since New Moon
Calculate the age of the moon in days since the last new moon. See illumination percentage. Simple algorithm.
CSS Scroll Snap Generator - Online Visual Builder
Visually configure scroll‑snap containers and items. Adjust alignment, stop behavior, and padding. Copy the clean CSS instantly.
MD5 Hash Generator - Online Quick Checksum
Generate the MD5 hash of any text string. For quick integrity checks. All local computation.
Responsive Image CSS - Online Art Direction & Srcset
Upload an image at multiple widths and generate a complete <picture> or <img srcset> snippet. Modern web performance.
Text to Anki CSV - Online Flashcard Converter
Format a list of Q&A pairs and export as a CSV ready for Anki import. Simple line‑based template. Local.
Text Decoration CSS Generator - Online Underline & Strike
Style underlines, overlines, and strike-throughs with colors, wavy styles, and thickness. Modern CSS text‑decoration.
Random Medieval Profession - Online RPG Background
Generate a random medieval occupation with a short description. For NPCs or historical curiosity. Local list.
Custom Scrollbar CSS Generator - Online Firefox & Webkit
Design a fully styled scrollbar with colors, width, radius, and hover effects. Supports both ::-webkit‑scrollbar and Firefox scrollbar‑width.
CSS Letterpress Text Effect - Online Inset Typography
Create a realistic letterpress (debossed) text effect using CSS text‑shadow and background. Adjust depth and light direction. Copy code.
Random Dinosaur Name Generator - Online Prehistoric Fun
Generate a realistic‑sounding dinosaur name and see a fun description. Perfect for kids and writers.
Image to CSS Grid Layout - Online Pixel‑Based Generator
Upload a small pixel art image and get a CSS grid layout that recreates it using divs. Novelty developer tool.
Fake Company Slogan Generator - Online Creative Tagline
Generate a random, funny or serious company slogan for your startup idea. Brainstorming helper. All local.
Random Song Lyric Generator - Online Fake Music Line Creator
Generate a random, somewhat meaningful song lyric line. Write your own hit with AI‑free randomness. All local.
Emoji Favicon Maker - Online Convert Emoji to .ico
Pick an emoji and convert it into a proper favicon .ico file for your website. No design skills needed. Instant download.
Exoplanet Name Generator - Online Alien World Catalog
Generate a realistic‑sounding exoplanet designation (e.g., Kepler‑442b) and a sci‑fi planet description. For worldbuilding.
Image Border Frame Generator - Online Photo Frame Overlay
Add a decorative rectangular border/frame to your image. Adjust width, color, and shadow. Download the framed photo.
Dad Joke Generator - Online Random Cheesy Puns
Click for an endless stream of random dad jokes and puns. Copy and share. Guaranteed to make you groan. All local.
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.
Word Search Creator - Online Generate & Print Puzzle
Enter a list of words and create a custom word search grid. Choose difficulty, print or export as PDF. Great for teachers.
Excuse Generator - Online Funny & Creative Reasons
One click to get a hilarious excuse for being late, missing homework, or not doing chores. Pure comedy.
Fake Receipt Generator - Online Custom Prank Receipts
Design a realistic-looking fake receipt with custom store name, items, and total. For jokes and gags. No real transaction.
Haiku Generator - Online Random 5-7-5 Poem Creator
Click to generate a random haiku from natural language templates. Pure algorithmic poetry fun. Copy and share.
QR Code with Text - Online Add Label & Caption Below
Generate a QR code with a custom text label below or above. Perfect for printed signs. All generated locally as a single image.
Random Avatar Generator - Online Profile Picture Creator
Generate a unique geometric or pixel-art avatar from a random seed. Download as PNG. Perfect for default user icons. No upload.
Gradient Text CSS Generator - Online Colorful Text Style
Create text with a gradient fill using CSS background-clip. Configure colors and direction. Copy the code. Works in modern browsers.