Dot Grid Generator
Generate printable dot grids for bullet journals, sketching, and calligraphy.
Updated
What is the Dot Grid Generator?
Design and download perfect printable dot grids for bullet journals, sketching, calligraphy, hand-lettering, and all your paper-based creative projects. Our free online tool gives you instant previews, professional export options, and total control over every detail — no registration required.
Whether you’re setting up a new bullet journal, practising your letterforms, or drafting an engineering sketch, a consistent dot grid is the invisible backbone. With the Dot Grid Generator, you can precisely dial in grid spacing, dot size, margins, and paper dimensions to match any notebook or project. Then download an SVG or high-resolution PNG and print it right at home.
What Makes It Different?
- Presets for popular notebook sizes — Bullet Journal (A5, 5 mm spacing), US Letter ¼″, wide grid for sketching, and more.
- Live preview — see every change instantly before you export.
- Print-ready SVGs — open in any vector editor or send straight to your printer.
- Export as PNG — 300 DPI raster files for sharing online or printing via photo services.
- Custom paper sizes — enter any dimensions in mm, cm, or inches; switch between portrait and landscape in one click.
- Complete margin control — uniform or independent top/bottom/left/right margins so your grid fits any binder or planner.
- Zero watermarks, zero sign-ups — the tool works entirely in your browser.
Start creating your custom dot grid below — it’s fast, flexible, and completely free.
How it works
Pick a preset (or go custom).
Start with a pre-configured grid like Bullet Journal (A5, 5 mm dots) or Classic Notebook (US Letter, ¼″). If you need something unique, switch to Custom and dial in every parameter yourself.Set your paper size and orientation.
Choose from A4, A5, US Letter, B5, or enter custom dimensions. Toggle between portrait and landscape to immediately see the layout change.Adjust the grid.
Control the spacing between dots (the centre‑to‑centre distance) and the radius of each dot. Use the unit selector to work in millimetres, centimetres, or inches — the tool handles all conversions automatically.Fine‑tune margins.
Uniform margins make it easy to match a standard planner layout. For asymmetric binder punches or non‑standard printing, unlock the individual margin controls and set top, bottom, left, and right values independently.Customise colours.
Pick any dot colour and background colour. Soft grey dots on white are classic, but you can create a dark‑theme grid with subtle charcoal dots, or even a grid of coloured dots for creative projects.Preview in real‑time.
The large preview panel updates instantly as you adjust any setting. You can zoom in by enlarging the panel, and the copy button lets you grab the SVG markup with one click.Export and print.
When you’re happy, download the grid as:
- SVG — a vector file that scales perfectly, ideal for graphic apps and direct printing.
- PNG — a high‑resolution (300 DPI) raster image suitable for online sharing or photo printing.
Use the Print button to open a clean print dialog directly from the browser, with the grid centred on the page.
That’s it — your custom dot grid is ready to use in under a minute, entirely from your browser.
Examples
Bullet Journal A5 Grid
Generate the classic bullet journal dot grid with 5 mm spacing on A5 paper.
Frequently asked questions
What paper sizes can I create a dot grid for?
What paper sizes can I create a dot grid for?
You can choose from standard sizes like A4, A5, US Letter, and B5, or enter any custom width and height in millimetres, centimetres, or inches. The tool also supports portrait and landscape orientation, so you can make a dot grid for any notebook, planner, or loose‑leaf paper.
How do I print my dot grid?
How do I print my dot grid?
After configuring your grid, click the Print button. This opens a clean browser print dialog with the grid centred on the page. For best results, set your printer to “Actual size” or “100%” scaling and disable any headers or footers.
Can I change the size and colour of the dots?
Can I change the size and colour of the dots?
Yes. The dot radius slider lets you set the dot size from a barely‑visible 0.05 mm up to 3 mm. You can also pick any hex colour for both the dots and the page background, making it easy to create soft grey grids, bold black grids, or even coloured accent dots.
How do I export a dot grid as an image?
How do I export a dot grid as an image?
The generator offers two export formats:
- SVG — a vector file you can open in Illustrator, Inkscape, or directly print.
- PNG — a 300 DPI raster image, perfect for sharing online or sending to a photo printer. Both download buttons are right below the live preview.
Can I save my settings to reuse later?
Can I save my settings to reuse later?
Currently the tool does not store configurations, but you can easily recreate a favourite grid by noting the preset name and any custom values you changed. Because the tool works entirely in your browser, no account or data storage is needed.
What is a good dot spacing for a bullet journal?
What is a good dot spacing for a bullet journal?
The classic bullet journal uses 5 mm spacing, which is available as the Bullet Journal preset. If you want a tighter grid for detailed sketching, try 2–3 mm; for looser layouts, 1 cm spacing works well. Experiment until you find what suits your writing and drawing style.
Are the generated dot grids free to use?
Are the generated dot grids free to use?
Yes. Everything you create with this tool is completely free for personal and commercial use. There are no watermarks, no sign‑up requirements, and no limits on the number of grids you generate.
Related tools
More utilities you might find handy.
Barcode Generator - Free Code128 Creator Online
Generate Code128 barcodes online instantly. Create free printable SVG and PNG barcodes with custom sizes, colors, and text.
Dummy Data Generator
Generate realistic fake test data including names, emails, addresses, and custom schemas for development and testing
Gitignore Generator
Generate a custom .gitignore file for any tech stack, framework, or language.