UD5 Toolkit
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.
Crochet Stitch & Row Counter – Online with Pattern Repeat
STITCH COUNT
0
ROW COUNT
0
Pattern Repeat Setup
Total rows: 12
Pattern not started yet
Shopping List Builder - Online Categorized Grocery Checklist
Create categorized shopping lists (produce, dairy, meat, etc.). Add items, check them off, and print. Data stored in your browser. Never lose a list.
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.
Alphabet Tracing Worksheet - Online Preschool Letter Practice
Generate customizable alphabet tracing sheets with uppercase and lowercase letters. Select letters to focus on. Instant print. Local only.
Folding Fitted Sheet Guide – Online Step‑by‑Step Animation
Animated SVG steps showing how to fold a fitted sheet perfectly. Clean visual reference.
Online PDF Page Counter - Instant Document Inspector
Check how many pages a PDF has without uploading it (uses FileReader). Also shows file size and title if available. Simple and fast client-side tool.
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.
CSS Beautifier & Formatter - Online CSS Organizer
Beautify and format your CSS stylesheets instantly. Organize, minify, or prettify CSS code for better readability. Processed securely on client-side.
Bead Pattern Designer – Online Visual Stringing Sequence
Drag colored beads onto a virtual thread to design a repeating pattern. See total length. Save locally.
Background‑Blend‑Mode Explorer - Online Layer Patterns
Stack multiple background images and blend them with colors. Create unique textures. Copy the CSS code instantly.
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 Grid Named Lines Demo - Online Complex Layouts
Use named grid lines instead of column numbers. See how they simplify placement. Visual, interactive learning.
Breathing Exercise Timer - Online Box Breathing & 4-7-8 Guide
Guided breathing exercises with animated circle for inhale/hold/exhale. Includes box breathing, 4-7-8, and resonant breathing patterns. Customizable intervals.
Font Tech & Format Checker - Online Supports incremental font?
Detect browser support for font‑tech() and font‑format() values in @font‑face src. Check COLRv1, variable, etc.
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.
Pros & Cons List Maker - Online Decision Helper
Create a weighed pros and cons list with a score. Help make tough decisions. Data saved locally.
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.
font‑variant‑numeric Demo - Online Table Figures & Fractions
Choose tabular‑nums, diagonal‑fractions, ordinal and see the effect on a numeric list. Elegant data presentation.
Auto‑Fill vs Auto‑Fit Visualizer - Online CSS Grid
Resize the container and see the difference between repeat(auto‑fill, …) and auto‑fit. Understand responsive grid behavior.
Crossword Builder - Online Create & Solve Simple Puzzles
Build a small crossword by adding words and clues. Export as a printable grid or solve in browser. Perfect for classrooms.
font-variant-east-asian Demo - Online JIS & Proportional
Apply East Asian glyph variants like jis78, proportional-width, ruby. See the difference instantly. For CJK typography.
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.
Logic Grid Puzzle Solver & Maker - Online Deduction Tool
Create or solve logic grid puzzles (like Einstein's riddle). Enter clues and mark the grid. Practice logical deduction. Local only.
Beat Sync Tester - Online Tap Tempo & BPM Counter
Tap any key to the beat and get the BPM (beats per minute). Useful for DJs, musicians, and running. Simple and accurate.
Text to Ordered List - Online Automatic Numbering HTML
Paste lines of text and automatically convert to an HTML ordered list with correct numbering and indentation.
Live Web Vitals Monitor - Online Real‑Time LCP, INP, CLS
Patch the PerformanceObserver and show your page’s Core Web Vitals as you browse. See real‑time scores and suggestions.
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.
prefers‑reduced‑motion Tester - Online A11y Check
Simulate reduced motion preference and test your animations. Copy the media query snippet. Keep your users safe.
Therapeutic Playlist Builder – Online by Mood & Tempo
Select a desired emotional state (calm, energize) and get a suggested song structure with BPM range.
Pathfinding Visualizer - Online A*, Dijkstra & BFS Grid
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.