Gradient Styling

Custom Colors, Gradients & Frames

Mix and match gradients, corner shapes, and border styles to create QR codes and barcodes that match your brand identity — all in real-time, entirely in your browser.

Palette

Choose Your Gradient

Pre-built gradients to get you started, or build your own custom color combinations.

Sunset

#E8620A → #FF8C42

Forest

#128A44 → #2AA35C

Midnight

#1A2D4A → #4A6A8A

Custom Blend

#E8620A → #128A44

Shapes & Frames

Corner Styles

From pill-soft to sharp edges — choose the frame that fits your brand personality.

Round

50% radius · solid border

Soft Pill

30px radius · dashed border

Smooth

16px radius · dotted border

Sharp

4px radius · double border

Features

Everything You Need

Complete control over every visual aspect of your codes.

Custom Gradients

Choose any two colors and create a smooth gradient for your QR code or barcode.

Corner Radius

Adjust the roundness of your code corners — from perfectly round to sharply squared.

Frame Styles

Pick from solid, dashed, dotted, or double borders to frame your code.

Live Preview

See your changes instantly as you tweak colors, gradients, and frame styles.

Export Options

Download your styled code in PNG, SVG, PDF, JPG, or WebP formats.

100% Private

All styling happens locally in your browser — no data ever leaves your device.

Ready to Build Your Custom Code?

Choose your gradient, pick a frame, and generate your QR or barcode with a single click.