UD5 Toolkit
CSS Grid Area Template Generator - Online Visual Naming
Visually name grid areas in a table and generate grid‑template‑areas CSS. Perfect for complex layouts. Drag‑free.
Name Tent Generator - Online Print Foldable Desk Cards
Settings
Enter one name per line for multiple tents
Job title, company name, or table number
#1e293b
#ffffff
Tips:
- Use cardstock paper for best results
- Fold along the dashed line after printing
- Enter one name per line for multiple tents
- Each name prints on a separate page
John Smith
John Smith
Fold along the dashed line to create your tent card
Crossword Puzzle Maker - Online Simple Grid Builder
Build a small crossword by adding words and clues. Export as a printable PNG or JSON. For classroom and fun.
Glassmorphism Card Builder - Online Frosted UI Developer
Create a frosted glass card with background blur, border glow, and shadow. Adjust intensity. Copy the CSS.
BIP39 Mnemonic Generator - Online 12/24 Words
Generate cryptographically secure BIP39 mnemonic phrases (12 or 24 words) for HD wallet seeds. All entropy generated locally.
Folding Fitted Sheet Guide – Online Step‑by‑Step Animation
Animated SVG steps showing how to fold a fitted sheet perfectly. Clean visual reference.
Neumorphism Card Builder - Online Soft UI Generator
Design a soft, extruded card with inner and outer shadows. Adjust depth and roundness. Copy the CSS.
Text Outline Generator - Online Structured Hierarchical View
Paste plain text and turn it into a nested outline using indent levels or Markdown headings. Great for planning.
CSS Grid Named Lines Demo - Online Complex Layouts
Use named grid lines instead of column numbers. See how they simplify placement. Visual, interactive learning.
Vertical Text Layout Generator - Online writing‑mode CSS
Create vertically oriented text layouts with `writing‑mode`. See the effect and copy the complete CSS. For vertical languages.
Sight Words Flashcard Generator - Online Dolch & Fry Lists
Create printable sight word flashcards from Dolch or Fry lists by grade level. Choose font size and card layout. Local only.
Idea Flashcard Shuffler - Online Random Brainstorm
Enter a list of buzzwords or concepts and shuffle them into random pairs. Stimulate creative thinking. All local.
Fantasy Name Generator - Online Elf Dwarf & Dragon Names
Generate names for fantasy races: elves, dwarves, orcs, dragons. Ideal for D&D and fiction writing. Markove chain local.
Text Decoration CSS Generator - Online Underline & Strike
Style underlines, overlines, and strike-throughs with colors, wavy styles, and thickness. Modern CSS text‑decoration.
CSS Glassmorphism Generator - Online Frosted UI Design
Visually create the glassmorphism effect: background blur, transparency, and border. Copy the complete CSS. Modern UI design.
Tarot Card Random Draw - Online Single & Three Card Spread
Draw a random tarot card (or three-card spread) with meanings. For entertainment and self-reflection. Fun mystical experience, no data tracking.
Text Watermark Tile Generator - Online Pattern Overlay
Create a repeating text pattern from a short string for watermarking documents or images. Download SVG pattern.
CSS Grid Auto Placement Demo - Online How Items Flow
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Haunted House Name Generator - Online Spooky
Create a creepy name for a haunted mansion or ghost story setting. Perfect for Halloween. Local.
Marquee Text Generator - Online Retro Scrolling Tag
Create a customizable scrolling marquee banner. Copy the HTML and CSS. For retro web projects or fun.
box‑decoration‑break Demo - Online Inline Box Fragmentation
See the difference between clone and slice on inline boxes that break across lines. Useful for multi‑line headings.
Name Tracing Worksheet Generator – Online Your Child's Name
Type a child's name and create a printable dotted trace sheet. Practice fine motor skills. Local only.
CSS Star Rating Generator - Online Pure HTML/CSS Widget
Create a 5‑star rating widget using only HTML and CSS. Customize colors and size. Copy the clean code.
Photo Mosaic Generator - Online Tile a Big Picture from Small
Upload a main image and a folder of tile images, and the tool creates a photomosaic. Rendered in canvas. All local.
Flashcard Review Timer - Online Leitner Box Spaced Repetition
Manually manage flashcards with 5 virtual Leitner boxes. See when to review each box next. All data local storage.
word‑break & overflow‑wrap Playground - Online Text Wrapping
Compare break‑all, keep‑all, and overflow‑wrap: anywhere/break‑word. Paste long words and see how they wrap.
Random Card Picker - Online Deck Draw & Shuffle
Click to draw random playing cards from a shuffled deck. The full deck is displayed. Use for decision or magic tricks.
Canvas Pattern Maker - Online Repeat Image Tiles
Upload a small image and see it tiled as a canvas pattern. Export the pattern or copy the JavaScript.
Invisible Text Generator - Online Zero‑Width Secret Messages
Encode a hidden message using zero‑width characters. The message looks like normal text. Decode with the same tool.
CSS Background Pattern Generator - Online Stripes, Dots & Checks
Create seamless CSS background patterns like stripes, polka dots, checkerboard. Adjust size and colors. Copy the tiny CSS.
Lighting Diagram Creator - Online Studio Setup Planner
Drag and drop light sources, camera, and subject to plan a photo shoot. Export diagram as image. Simple and visual.