Case study · 2026 to present

ShayuQR

The problem

Most QR generators are either a plain black square or a sign-up form. The ones that let you style the code tend to want an account first, and they all post the text you are encoding to a server, which is a strange thing to accept for a string you already have.

ShayuQR renders as you type, entirely client side. Module shape can be square, rounded or diamond, with the finder corners left square so scanners still read it. Colours are flat or a linear or radial gradient, with hex inputs next to each picker. Drop an image in the centre and it is drawn at 20% size on a backing rectangle, with error correction raised to level H so the code survives being covered.

The nicer detail is the colour suggestions. Colour Thief pulls the dominant shade and a palette out of whatever icon you uploaded, and offers them as swatches, so a code can pick up the colours of the logo sitting in the middle of it without anyone matching hex values by hand.

Stack and tooling

FrameworkSvelteKit 2, TypeScript
Renderingadapter-static, prerendered, no server
ColourColour Thief, palette pulled from the centre icon
OutputPNG or SVG download, PNG to clipboard