qr-code Web Component Demo

Download Back To CSSScript.Com

Add QR codes to modern web apps with one custom element that supports three output formats and attribute-based configuration.

Ready to encodeHTML
5 PX MODULES · 4 MODULE MARGIN · ECC M

Configure output

Output, your way.

Each renderer is generated by the same custom element.

SVG
Vector-ready outputSharp at any scale, with direct styling through the exposed part.
PNG
Image rendererA generated image source for simple image-based workflows.
HTML
CSS-addressable modulesUse standard CSS units and style the individual table parts.