Grid Drawing Tool - Online Overlay on Photo for Copying
Overlay a grid on any image to help you draw it freehand. Adjust grid size and line thickness. Useful for artists.
UD5 Toolkit
Drag & drop your photo here
or click to browse — JPG, PNG, WebP, GIF
Upload an image to see your cross stitch pattern
Your pixelated grid pattern will appear here
Fabric count refers to stitches per inch. 14-count Aida is the most popular for beginners. The higher the count, the smaller and more detailed your finished piece will be. Always leave 2–3 inches of extra fabric around your design for framing.
DMC is the most widely available brand with 500+ colors. Use 2 strands of floss for 14-count Aida and 1–2 strands for higher counts. Always buy enough floss from the same dye lot for your project to avoid color variations.
For large patterns, print in sections and tape them together. Use a high-quality color printer for accurate floss matching. Some stitchers prefer to view patterns on a tablet device while working, zooming in as needed.
Overlay a grid on any image to help you draw it freehand. Adjust grid size and line thickness. Useful for artists.
Arrange virtual fabric squares or triangles on a grid to preview a quilt pattern. Change colors and sizes. Export layout.
Create 1-point, 2-point, or 3-point perspective grids. Adjust vanishing points and grid spacing. Useful for artists and architects.
Reduce an image to large colored squares. Create bold, minimalist wall art. Adjust block size. Download PNG.
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
A paint worklet that draws a moving 3D cube. See Houdini in action and copy the JS file. Modern CSS magic.
Align card elements across rows using CSS subgrid. See how headers and footers align vertically. Future of CSS layout.
Write to shared storage and run a worklet to process data. Learn the privacy‑preserving alternative to third‑party cookies.
Create beautiful Spirograph patterns by adjusting circle radii and pen position. Change colors and save as PNG. Relaxing math art.
Open the same page in two tabs and draw together in real time using BroadcastChannel API. Share ideas without a server.
Enter dependencies in a simple text format and see a force‑directed graph of the project's dependency tree. For planning architectures.
A fully animated deck of 52 cards. Shuffle, cut, or draw a specific number of cards. Perfect for missing cards in a real deck.
Enter your average last frost date and generate a planting schedule for vegetables and flowers. Know exactly when to start seeds indoors or direct sow.
Get the exact RGB inversion (negative) of any color. Useful for dark mode theming and high‑contrast accessibility checks.
Enter an unbalanced chemical equation and get the balanced coefficients instantly. Supports parentheses and ions. All local JavaScript algebra.
Generate a random sequence of button presses that looks like a retro game cheat code. Totally useless, totally fun.
Enter a number of sides (3‑100) and get the correct polygon name (triangle, hectogon). Fun geometry reference.
Enter two sides of a right triangle and get the third. Also gives area and perimeter. Simple and visual.
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.
Create a QR code that lets people connect to your Wi‑Fi without typing a password. Just scan and join. Secure local.
Design a pure CSS tooltip with custom text, position (top/bottom/left/right), and arrow. Copy the clean 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.
Convert a photo into a color‑reduced embroidery or cross‑stitch pattern with DMC thread colors. Adjust size and palette. Print chart.
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.