CSS Grid Playground - Online Interactive Layout Builder
Experiment with CSS Grid properties visually. Add rows, columns, and areas. See the grid in action and copy the code.
UD5 Toolkit
Fill in the details, upload a photo, and print your lost pet flyer instantly — free & easy.
Experiment with CSS Grid properties visually. Add rows, columns, and areas. See the grid in action and copy the code.
Generate a valid BookCrossing BCID with checksum for your free book tracking label. Follows BCID format rules. Fun for sharing books.
Encode text into Wingdings symbols and decode Wingdings back to text. A nostalgic and fun puzzle tool. All processing in your browser.
Drag items into grid cells and see the resulting grid‑area or line‑based placement code. Learn how auto‑placement and spanning work.
Spin the globe and get a random country or city to visit. Learn a fun fact. Plan your next adventure. Local data.
Create Latin squares for experimental design or tournament scheduling. Visual and copyable. No server required.
Write CSS with native nesting (like SCSS) and see the browser’s native parsing. Validator and live output.
Generate short, URL‑safe, unique string IDs with customizable alphabet and length. Smaller than UUID. Local only.
Convert climbing difficulty between V‑scale, Fontainebleau, and Yosemite Decimal System. Quick reference for gym climbers.
Generate UUID v7 identifiers that are lexicographically sortable and timestamped. Perfect for databases. All local.
Intercept and manage navigations without reloading. Test transition handling and URL updates. The future of client‑side routing.
Check if your site is cross‑origin isolated by examining the COOP and COEP headers. See if SharedArrayBuffer is available.
Write a function name and get a complete unit test stub with describe, it, and expect. Follows AAA pattern.
Encode letters to their position in the alphabet (A=1, B=2...) and decode back. A classic puzzle tool. No data leaves your device.
Issue and redeem Private State Tokens (formerly Trust Tokens). Understand how they help detect bots without cookies.
Visually configure scroll‑snap containers and items. Adjust alignment, stop behavior, and padding. Copy the clean CSS instantly.
Generate the MD5 hash of any text string. For quick integrity checks. All local computation.
Format a list of Q&A pairs and export as a CSV ready for Anki import. Simple line‑based template. Local.
Style underlines, overlines, and strike-throughs with colors, wavy styles, and thickness. Modern CSS text‑decoration.
Generate a random medieval occupation with a short description. For NPCs or historical curiosity. Local list.
Design a fully styled scrollbar with colors, width, radius, and hover effects. Supports both ::-webkit‑scrollbar and Firefox scrollbar‑width.
Create a realistic letterpress (debossed) text effect using CSS text‑shadow and background. Adjust depth and light direction. Copy code.
Generate a realistic‑sounding dinosaur name and see a fun description. Perfect for kids and writers.
Create a customizable checkerboard or grid background using pure CSS gradients. Adjust cell size and colors. Copy the code.
Upload a small pixel art image and get a CSS grid layout that recreates it using divs. Novelty developer tool.
Generate a random, funny or serious company slogan for your startup idea. Brainstorming helper. All local.
Generate a random, somewhat meaningful song lyric line. Write your own hit with AI‑free randomness. All local.
Pick an emoji and convert it into a proper favicon .ico file for your website. No design skills needed. Instant download.
Generate a realistic‑sounding exoplanet designation (e.g., Kepler‑442b) and a sci‑fi planet description. For worldbuilding.
Add a decorative rectangular border/frame to your image. Adjust width, color, and shadow. Download the framed photo.