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
A Latin Square is an n Ă n grid filled with n distinct symbols, where each symbol appears exactly once in each row and each column.
This creates a perfectly balanced grid â every symbol occupies every row position and column position exactly once, making it ideal for experimental design and counterbalancing.
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.
Generate UUID v7 identifiers that are lexicographically sortable and timestamped. Perfect for databases. All local.
Upload a photo, enter details, and create a tear-off style lost pet poster. Instant PDF download.
Spin the globe and get a random country or city to visit. Learn a fun fact. Plan your next adventure. Local data.
Use the new `name` attribute on <details> to create an exclusive accordion with zero JavaScript. Copy the clean HTML.
Encode letters to their position in the alphabet (A=1, B=2...) and decode back. A classic puzzle tool. No data leaves your device.
See how revertâlayer removes styles from the current cascade layer and falls back to the previous one. Fix specificity wars.
Paste a PEM/DER certificate and decode all fields: issuer, subject, validity, SANs, and fingerprint. Pure JavaScript parser.
Animated SVG instructions for classic paper airplane models (dart, glider). No text, visual learning.
Record your stamps with Scott number, condition, and value. Add images. Browse your collection. Local storage only.
Intercept and manage navigations without reloading. Test transition handling and URL updates. The future of clientâside routing.
Hash any text using simple, fast algorithms: DJB2, SDBM, or CRC32. Get integer or hex. For quick lookups. Local.
Create CSS clamp() values for fluid typography. Enter min and max font sizes and viewport widths. Modern responsive design.
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.
Fill in your PWA details to generate a valid manifest.json file. Include icons, theme color, display mode.
Paste any iframe embed code (YouTube, maps) and get a responsive wrapper div with correct aspect ratio CSS.
Create a QR code that lets people connect to your WiâFi without typing a password. Just scan and join. Secure local.
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.
Create and format Markdown tables by adjusting rows and columns. Align text, copy the raw Markdown. Perfect for README files.
Click for an endless stream of random dad jokes and puns. Copy and share. Guaranteed to make you groan. All local.
Generate magic squares of odd order (3x3, 5x5, âŚ). See the sum constant and verify rows, columns, diagonals. Educational math toy.
Generate a random Sudoku puzzle with a unique solution. Choose difficulty and type numbers on the board. Timer and mistake counter.
Enter a list of words and create a custom word search grid. Choose difficulty, print or export as PDF. Great for teachers.
One click to get a hilarious excuse for being late, missing homework, or not doing chores. Pure comedy.
Create a fake WhatsApp/iMessage chat screenshot. Customize names, messages, and timestamps. Just for fun.
Click to generate a random haiku from natural language templates. Pure algorithmic poetry fun. Copy and share.
Generate a QR code with a custom text label below or above. Perfect for printed signs. All generated locally as a single image.