Curved Vector Grid Generator

Build a responsive grid using the new curved four-corner vector. Change the ratio, density and pixel size, then export a clean SVG.

Canvas ratio

Canvas dimensions

Width Height Units

Grid density

Pixel size

Outer margin

Dot colour

Grid within guidelines Ready to export.

Custom canvas dimensions can be entered in pixels or millimetres. Each pixel is generated by proportionally scaling the original 400 × 400 master path: inset = 10% and midpoint bow = 5%. The curve geometry is preserved even at very small sizes; at sub-pixel display sizes it can look square on-screen until zoomed. SVG exports have a transparent background, and dots can be exported in black or white at 20% opacity.