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.
Build CSS Grid layouts by defining columns, rows, and gaps visually. Get the complete grid CSS code. An essential web design tool running in the browser.
A paint worklet that draws a moving 3D cube. See Houdini in action and copy the JS file. Modern CSS magic.
Generate and print custom calligraphy practice sheets with adjustable x-height, slant angle, and base line. Perfect for copperplate or Spencerian.
Draw a raised bed and drag plant icons to arrange them. See spacing requirements. Print layout.
Turn any photo into a greyscale pencil sketch. Adjust detail level and darkness. Download your artwork. Local canvas filter.
Upload a photo and convert it to a pixelated cross-stitch pattern with DMC floss color matching. Adjust size and color count. Local processing.
Choose a pre-drawn pixel outline and fill cells with colors. Save your masterpiece. Meditative fun.
Click for a random drawing or sketching idea. Characters, objects, scenes. Beat artist's block. All local.
A wireframe 3D projection of a rotating tesseract. Drag to rotate in 4D. Fascinating mathematical art.
Design a crystal grid by placing crystals on a sacred geometry template. Add notes. Screenshot your layout. Spiritual/art.
Generate a beautiful fractal tree with adjustable depth, angle, and color. Watch it draw branch by branch. Relaxing and educational.
Upload an image and convert it into a paint-by-numbers outline with numbered palette. Adjust complexity. Print and paint. Local processing.
Create a simple tessellation by deforming a square or triangle and repeating it across the canvas. Hypnotic patterns.
Turn your photo into a blackβandβwhite charcoal or chalk drawing. Adjust texture and contrast. Artistic.
Open-ended grid to mark X and O for solving logic puzzles. Use with any puzzle type. Print.
Explore the RGB color space as a rotatable 3D cube. Pick a color directly from the volume. Drag to rotate. Canvas 3D.
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
Move your mouse to create colorful ink swirls in a simulated fluid. Beautiful and mesmerizing. No install. Just WebGL.
Generates simple puzzle ideas (cipher, hidden messages) that can be printed for home escape rooms.
Arrange virtual fabric squares or triangles on a grid to preview a quilt pattern. Change colors and sizes. Export layout.
Create HTML tables visually by adjusting rows and columns. Add data, style, and copy the generated markup. Perfect for quick table prototyping.
Place multiple grid items into the same cells to create overlapping layouts. Learn the technique visually. Copy code.
Create beautiful Spirograph patterns by adjusting circle radii and pen position. Change colors and save as PNG. Relaxing math art.
Create simple ASCII diagrams (arrows, boxes, trees) using a visual editor. Copy the plain text art. For comments and docs.
Enter a Sudoku puzzle and watch it solved step-by-step with techniques explained. Learn solving strategies. Local only.
Apply a blur effect to image background while keeping the subject sharp. Simple brush selection for area to keep sharp. CSS+Canvas implementation, local only.
Apply a realistic oil painting texture to your photo. Adjust brush size and roughness. Brush stroke simulation.
Open the same page in two tabs and draw together in real time using BroadcastChannel API. Share ideas without a server.
Select bonding and lone pairs to see the predicted shape (trigonal bipyramidal, octahedral). Static diagrams.