1What does it link to?
Pick what happens when someone scans your code.
Higher = more dots, but the code can still scan if partially covered or damaged.
2Quick Presets tap to try
Each preset shows a different combination of shapes, gradients, and colors. Tap to apply, then keep customizing.
3Shapes
Pick the shape of each part. Different shapes = different vibes.
Test scan now — point your phone camera at the preview before downloading.
Higher contrast = better scanning. If you add a logo or image fill, set EC to H.
4Unified Gradient master
One gradient that flows across the entire code. Overrides per-element colors.
Apply one gradient to everything
135°
0° = left to right · 90° = top to bottom · 135° = corner to corner
5Colors
Per-element colors. Only used when Unified Gradient is off.
Dots
Corners
Inner
BG
Solid
Gradient
6Logo optional
Add your logo in the center. Use EC level H for larger logos.
Click to upload logo (PNG, JPG, SVG)
40%
5px
7Image Fill advanced
Make the dots show pieces of your image — like a stencil cut from a photo.
Click to upload background image
100%
0
0
100%
Always test scan with your phone before printing. Image fill reduces contrast — busy images may not scan reliably.
8Size & Spacing
320px
10px
Empty space around the code. Scanners need at least 4 modules of quiet zone.