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
Online drawing reference tool β drag vanishing points to customize your grid
A perspective grid is a drawing aid composed of lines converging toward one or more vanishing points. It helps artists accurately depict three-dimensional depth on a two-dimensional surface by following the rules of linear perspective. These grids serve as an underlay or reference when sketching architectural scenes, interiors, landscapes, or any subject requiring realistic spatial depth.
1-Point Perspective: One vanishing point on the horizon. All depth lines converge to this single point. Best for scenes where you're looking straight ahead β like a hallway, road, or railway tracks.
2-Point Perspective: Two vanishing points on the horizon (left and right). Vertical lines remain parallel. This is the most common perspective for architectural drawings and showing objects at an angle β like a building corner.
3-Point Perspective: Three vanishing points β two on the horizon and one above (bird's-eye) or below (worm's-eye). Vertical lines also converge, creating dramatic views looking up at tall buildings or down from a height.
Simply click and drag any colored vanishing point dot on the canvas to reposition it. The grid updates in real time. You can also drag the horizon line up or down to change the eye level. On mobile devices, use touch to drag. The cursor will change to indicate what you're about to interact with β a grab hand for vanishing points and a vertical resize cursor for the horizon line.
Yes! Click the Download PNG button to save your current grid as a high-resolution PNG image. The download captures exactly what you see on the canvas at full quality. You can then import this image into your drawing software (Photoshop, Procreate, Clip Studio Paint, etc.) as a reference layer, print it out, or use it as an underlay for traditional drawing.
The horizon line represents the viewer's eye level. Everything above the horizon line is above eye level (sky, ceiling, upper floors), and everything below is below eye level (ground, floor). In perspective drawing, the horizon line is crucial because all horizontal vanishing points lie on it. Adjusting the horizon line changes whether the viewer appears to be looking up, straight ahead, or down at the scene.
In 3-point perspective, the third vanishing point (VP3, shown in green) controls vertical convergence. If VP3 is positioned very close to the canvas center, the vertical distortion becomes extreme β this mimics being extremely close to a very tall object. For a more natural look, try dragging VP3 further away from the center of the canvas (toward the very top for a bird's-eye view, or far below for a worm's-eye view). The further the vanishing point, the more subtle the convergence.
Absolutely! This Perspective Grid Generator is completely free to use. No sign-up, no subscription, no ads. Generate unlimited grids, download them, and use them in your personal or commercial art projects. We built this tool to support artists, designers, architects, and students in their creative work.
Overlay a grid on any image to help you draw it freehand. Adjust grid size and line thickness. Useful for artists.
Upload a photo and convert it to a pixelated cross-stitch pattern with DMC floss color matching. Adjust size and color count. Local processing.
A paint worklet that draws a moving 3D cube. See Houdini in action and copy the JS file. Modern CSS magic.
Open the same page in two tabs and draw together in real time using BroadcastChannel API. Share ideas without a server.
Arrange virtual fabric squares or triangles on a grid to preview a quilt pattern. Change colors and sizes. Export layout.
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
Reduce an image to large colored squares. Create bold, minimalist wall art. Adjust block size. Download PNG.
Enter dependencies in a simple text format and see a forceβdirected graph of the project's dependency tree. For planning architectures.
Create beautiful Spirograph patterns by adjusting circle radii and pen position. Change colors and save as PNG. Relaxing math art.
Align card elements across rows using CSS subgrid. See how headers and footers align vertically. Future of CSS layout.
Enter two sides of a right triangle and get the third. Also gives area and perimeter. Simple and visual.
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 an unbalanced chemical equation and get the balanced coefficients instantly. Supports parentheses and ions. All local JavaScript algebra.
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.
Enter a number of sides (3β100) and get the correct polygon name (triangle, hectogon). Fun geometry reference.
Generate a random sequence of button presses that looks like a retro game cheat code. Totally useless, totally fun.
Get the exact RGB inversion (negative) of any color. Useful for dark mode theming and highβcontrast accessibility checks.
Write to shared storage and run a worklet to process data. Learn the privacyβpreserving alternative to thirdβparty cookies.
See a clip of a famous artwork and choose the correct title. Art history fun. Local images.
Move your mouse or finger to create colorful paint splatters on canvas. Great stress reliever. Download as PNG.
A fullβscreen drawing canvas supporting multiple touch points simultaneously. Different colors per finger. Works on mobile.
Move your mouse to create colorful ink swirls in a simulated fluid. Beautiful and mesmerizing. No install. Just WebGL.
Turn your photo into a blackβandβwhite charcoal or chalk drawing. Adjust texture and contrast. Artistic.
Type any word and generate a fake audio waveform GIF that looks like the word was spoken. Creative social posts. Canvas.
Turn a photo into a highβcontrast ASCII art using only standard text characters. Adjust brightness and character set. Works offline.
Enter text and see each character's 8βbit binary laid out in a blackβandβwhite grid. Beautiful data art. Local.
Generate a small logic puzzle grid (like Einsteinβs riddle) with clues. Solve in browser or print. Local generation.
Create simple ASCII diagrams (arrows, boxes, trees) using a visual editor. Copy the plain text art. For comments and docs.
Apply a soft watercolor painting effect to your photo. Adjust brush size and color intensity. Download the result. Local canvas.
Enter a palette of colors and see a grid showing whether each foreground/background pair passes AA or AAA contrast. Must for designers.