qr-code
qr-code is a lightweight, no-dependency Web Component that renders QR codes as scalable vector graphics using the native HTML element syntax. Designed for flexibility, it requires no external frameworks or libraries and can be integrated via npm or a standalone script tag. The component generates standard QR codes from any string content while offering extensive customization through attributes for colors, margins, and aspect ratios. Users can embed a custom logo or icon in the center slot. A standout feature is its built-in animation system, which supports motion effects to draw attention or signal interactions. The library includes multiple preset animations such as Radial Ripple, Materialize In, and Fade In Center Out, addressing various user experience needs. Developers can also create fully custom animations by passing JavaScript functions to the animateQRCode method, controlling timing, easing, and visual transformations. The tool is useful for web applications requiring dynamic or branded QR codes, pay