30 open-source projects similar to rosskhanas/react-qr-code, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best React Qr Code alternative.
This project is a React component library for generating and rendering customizable QR codes. It provides tools to produce QR codes as either scalable vector graphics or via an HTML5 canvas. The library enables branded QR code design by allowing the embedding of custom logos or images into the center of the code. It supports a range of visual customizations, including the adjustment of dimensions, foreground and background colors, and margin thickness. The toolset covers the programmatic control of error correction levels to maintain scannability when using overlays. It also includes capabil
This is a Python library for the programmatic creation of standard, artistic, and animated QR codes derived from text or URL inputs. The tool generates stylized visuals by blending QR codes with background images using adjustable brightness and contrast settings. It also creates moving visual codes by merging QR patterns with animated GIFs. The library covers a range of generation workflows, including standard barcode conversion, image-blended artistic designs, and frame-by-frame animated sequences.
wifi-card is a utility for creating printable network credential cards and QR codes to facilitate guest wireless network access. It functions as a generator that produces physical or digital cards containing network names and passwords, automating the process of joining a WiFi network through scannable image formats. The tool operates using a pure-client runtime model, processing all user input and generating the final document entirely within the browser. It employs SVG-based layout rendering and a CSS grid template system to ensure high-resolution, crisp lines across different paper sizes.
gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve
This project is a React skeleton loader library and UI component set used to create animated SVG placeholder shapes that represent loading content in user interfaces. It functions as an SVG loading placeholder generator designed to prevent layout shifts by signaling data loading states. The library includes a custom loader design tool for building bespoke skeleton shapes that match specific interface layouts. It employs a rendering approach with static SVG keys to ensure the components are compatible with client-server hydration, preventing mismatches between server-side and client-side rende
DataV is a big screen visualization framework designed for high-impact data displays. It provides a collection of libraries for both Vue and React to build large-scale data dashboards featuring interactive charts and visual elements. The toolkit includes a specialized decoration kit of scalable vector graphics used to add borders and frames to professional data display screens. It focuses on complex data visualization, including the rendering of specialized charts such as water level and flight line maps. The framework covers a broad capability surface for data dashboard visualization, provi
This library provides a framework for generating and styling QR codes within web applications. It transforms raw data into scannable patterns, allowing developers to render these codes directly in the browser using either canvas or vector-based graphics. The project distinguishes itself through extensive customization options that allow for the modification of individual visual components. Users can apply custom shapes, color gradients, and embedded images to the generated patterns, or inject custom elements to align the output with specific branding requirements. The library supports a rang
React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
This library provides a set of tools for building dynamic data visualizations within React applications. It functions as a declarative framework that allows developers to define complex graphical representations through configuration settings rather than manual manipulation of the document object model. The library specializes in rendering interactive Cartesian charts, including line, bar, bubble, and area plots. It distinguishes itself by utilizing a coordinate-system-based mapping approach that translates raw data into pixel positions, combined with a component-based architecture that enabl
This project is a multi-purpose REST API utility collection and developer suite. It serves as a centralized service for real-time information aggregation, data transformation, and a wide array of programmatic tools. The service distinguishes itself by providing a broad range of specialized content delivery endpoints, from curated daily summaries and global trending rankings to randomized entertainment content like jokes and quotes. It also functions as a real-time aggregator for environmental and network data, including weather forecasts, currency exchange rates, and public IP lookups. The c
Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes
libqrencode is a C library for generating QR Code symbols from text, binary, and structured data. It provides a core encoding engine that converts input data into QR Code symbols with configurable error correction levels and version settings, and includes a command-line tool for producing QR Code images directly from text or data input. The library supports multiple encoding modes including numeric, alphabetic, Japanese kanji, and 8-bit binary data, with automatic optimization to select the most efficient mode for a given input string. It can encode arbitrary binary data containing NUL charac
EFQRCode is a Swift library for generating, styling, and scanning QR codes across iOS, macOS, watchOS, tvOS, and visionOS. It functions as a toolkit for creating both static and animated QR codes and extracting encoded text from one or multiple codes within a single image. The library enables visual branding through the integration of watermarks, icons, and animated sequences. It supports multi-format export, allowing generated codes to be saved as static images, lossless PDFs, animated GIFs, or video files. The toolkit covers high-level functional areas including QR code generation, image-b
This is a PHP library for generating machine-readable QR codes from text or data payloads. It functions as an image library that renders these codes into various formats while providing utilities to verify data accuracy and readability. The project distinguishes itself by supporting branded QR code creation, allowing the embedding of custom logos and text labels. To ensure quality, it includes a validation tool that performs readability verification to confirm that generated codes are scan-ready before deployment. The library covers a broad range of output and rendering capabilities, includi
QRCoder is a native C# library for generating and rendering QR codes from text and data payloads. It provides a dependency-free implementation of the QR code standard for the .NET ecosystem, handling the full process from data encoding to visual output. The library includes tools for customizing QR codes through the adjustment of colors, error correction levels, and the embedding of custom logos. It also supports standardized payload formatting for specific data types such as WiFi credentials, contact cards, and payment systems. The rendering engine outputs QR codes into multiple formats, in
jquery-qrcode is a client‑side QR code generator built as a jQuery plugin. It creates QR code images entirely in the browser without sending data to an external service, making it suitable for offline usage and reducing network dependencies. The plugin accepts input data — such as a string or URL — and produces a QR code that can be rendered as an image in any selected DOM element. Because it is a jQuery plugin, jquery-qrcode integrates naturally into existing jQuery‑based web projects using the usual plugin API. The generated QR code can be customised with adjustable size, error correction l
python-qrcode is a library for generating QR codes from data and exporting them as images, vectors, or terminal text. It provides specialized encoders for producing portable network graphics, scalable vector graphics, and ASCII text representations. The project supports visual styling and custom branding, allowing for the modification of module shapes, the application of custom colors, and the embedding of logos. The capability surface includes image file export for digital assets and terminal-based visualization for displaying QR codes directly within a command line interface. It also manag
This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document
Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr
Semantic UI React is a declarative component library that provides native React bindings for the Semantic UI design language. It enables the construction of complex user interfaces through a modular, component-based architecture that maps directly to established design patterns, allowing developers to build consistent web application layouts without manual HTML markup. The library distinguishes itself through a shorthand property system that automatically generates and populates nested child components from data objects, significantly reducing the need for verbose code. It also supports polym
React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.
BGAQRCode-Android is a developer toolkit for Android that provides a library for scanning and recognizing QR codes and barcodes. It functions as a camera scanning framework and a barcode generator for creating one-dimensional and two-dimensional codes. The project includes a customizable UI kit for implementing branded scanning interfaces with adjustable dimensions, colors, and animation styles. It also provides tools for creating customized barcodes featuring specific color palettes and embedded logos. The toolkit manages camera hardware settings, including flashlight control, zoom levels,
Awesome-qr.js is a JavaScript library designed for the generation and rendering of customizable QR codes. It provides a framework for encoding data into structured bit arrays while allowing for extensive visual styling, enabling the creation of branded graphics that remain compatible with standard scanning software. The library distinguishes itself through its support for layered graphical composition, which allows users to integrate background images, animated GIFs, and center logos directly into the QR code structure. To maintain scan reliability, it employs automated image binarization, en
Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a
React Magic Motion is a component-based library for React that automates layout transitions and visual movement. It functions as a declarative animation framework, allowing developers to apply smooth motion to UI elements without the need for manual keyframe management or complex state tracking. The library utilizes a layout-based animation technique that calculates the difference between element positions before and after state changes. By monitoring the component tree and DOM layout, it automatically triggers hardware-accelerated CSS transforms to animate shifts, reordering, and navigation
PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C
Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f
Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent
Reui is a React UI component library and front-end framework distributed under the MIT license. It provides a collection of reusable, pre-built React components for building modern web application interfaces. The library is built on a component-based architecture that uses declarative rendering through JSX, with state management handled by React Hooks. It employs CSS Modules for scoped styling and Tailwind CSS for utility-first styling, while TypeScript provides static type checking across the codebase. The project organizes components using a file-based structure and uses a module bundler bu