A cutting mat wallpaper generator that runs in your browser
Cutting Mat is a free tool that draws desktop and phone wallpapers styled after a self-healing craft cutting mat, and exports them as PNG at up to 5120 × 1440 pixels. Pick a background, set the grid, write a headline, download. There is no account, no watermark and no upload: every pixel is drawn locally with the HTML5 Canvas API and the file is saved straight from your browser.
A cutting mat wallpaper is a background styled after the mats used in sewing, model making and paper craft: a flat saturated color overlaid with a fine measurement grid, a numbered ruler along the edges, a 45° diagonal and dashed angle guides. It reads as calm and technical rather than decorative, which is why it works well behind desktop icons and lock screen clocks.
How it works
- Choose a background. Four presets, any custom color, or one of five gradients with an adjustable angle from 0° to 360°.
- Add fabric, optionally. The intensity slider composites a simulated draped textile over the color; folds and drape control how many creases there are and which way they fall.
- Set the grid. Lines or crosses, cell size from 28 to 110, and a contrast slider that runs the grid from a whisper to a hard technical overlay.
- Write the text. A centered serif headline, a vertical side label and a paragraph in the bottom right corner. With knockout enabled, the grid is cut away behind each text block along the nearest major gridline.
- Export. Pick a format and download the PNG. The preview and the export run the same drawing function, so the file is identical to what you see, only at full resolution.
Export formats and resolutions
| Format | Resolution | Aspect ratio | Typical use |
|---|---|---|---|
| Desktop 4K | 3840 × 2160 | 16:9 | Most external monitors and TVs |
| Desktop 16:10 | 3840 × 2400 | 16:10 | MacBook and Surface displays |
| Ultrawide | 5120 × 1440 | 32:9 | Super ultrawide monitors |
| iPad | 2732 × 2048 | 4:3 | iPad Pro and iPad Air |
| iPhone | 1320 × 2868 | ≈ 9:19.5 | iPhone lock and home screen |
| Story | 1080 × 1920 | 9:16 | Instagram and TikTok backgrounds |
All measurements scale from a 4K reference, so margins, grid density and type size stay in proportion across every format instead of stretching.
The draped fabric simulation
The fabric is not a photo or a blur filter. A low resolution grayscale luminance map is generated procedurally with value noise and fractional Brownian motion, then scaled up — the browser's own interpolation is what makes the folds soft — and composited over the background in soft-light and multiply blend modes.
Noise is applied at three points: it bends each fold off its axis, varies the spacing so folds gather and open, and modulates brightness along a fold's length. An amplitude exponent above 1 widens the midtones, which is what makes the cloth read as falling rather than creased. Every variation comes from a seed you can reroll.
Frequently asked questions
What is a cutting mat wallpaper?
A cutting mat wallpaper is a desktop or phone background styled after a self-healing craft cutting mat: a flat saturated color overlaid with a fine measurement grid, a numbered ruler along the edges, a 45° diagonal and dashed angle guides. The look comes from the tools used in sewing, model making and paper craft, and it reads as calm and technical rather than decorative.
Is the wallpaper generator free?
Yes. It is free, needs no account and shows no ads. Every wallpaper is drawn in your own browser with the HTML5 Canvas API, so no image is ever uploaded to a server.
What resolution are the exported wallpapers?
Six formats are available: 3840 × 2160 for 16:9 desktops, 3840 × 2400 for 16:10, 5120 × 1440 for 32:9 ultrawide monitors, 2732 × 2048 for iPad, 1320 × 2868 for iPhone and 1080 × 1920 for 9:16 stories. Files are exported as PNG.
How do I share a wallpaper configuration?
Every setting is encoded in the page URL as it changes. Press Copy preset link, or copy the address bar, and whoever opens that link sees the exact same configuration. Nothing is stored on a server or in browser storage.
How is the draped fabric effect made?
A low resolution grayscale luminance map is generated with value noise and fractional Brownian motion, then scaled up and composited over the background in soft-light and multiply blend modes. Noise perturbs the fold direction, the spacing between folds and the brightness along each fold, so the folds never look periodic.
Can I use the generated wallpapers commercially?
The images this tool draws are generated by algorithms in your browser and are yours to use. The tool is an original implementation inspired by the visual language of cutting mats; it does not contain or redistribute any third party artwork.