Open-source alternatives to Qrcode.react

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

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

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.

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

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

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

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

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 is a ZXing-based toolkit for integrating barcode and QR code scanning and generation into Android applications. It functions as a barcode scanner capable of decoding data from both live camera streams and static image files. The library includes a QR code generator that supports the creation of image files with custom logos embedded in the center of the code. It also provides a customizable camera scanning interface, allowing for adjustments to the scanning overlay and control over the device flash to improve visibility in low light. Its broader capabilities cover the extraction of text

signature_pad is a JavaScript library and drawing tool for capturing handwritten digital signatures on an HTML5 canvas. It provides a handwriting capture interface that transforms raw mouse or touch inputs into smooth, professional-looking lines. The project uses Bézier curve interpolation to smooth jagged input points into fluid strokes. It supports the configuration of drawing aesthetics, including pen color, background color, and line width, and includes a history management system for undoing and restoring drawing actions. The library handles the serialization of signature data into poin

This project is a GitHub profile visualization tool and activity dashboard that transforms raw data from the GitHub API into graphical summaries. It functions as a data visualizer designed to provide a high-level overview of a user's coding presence and contribution history. The tool focuses on developer portfolio enhancement by creating visual representations of platform engagement and open source contribution tracking. It generates these summaries as scalable vector graphics that can be embedded directly into markdown files. The system utilizes template-driven layouts and dynamic query par

tsparticles is a JavaScript particle engine and canvas visual effects toolkit used to create animated particle systems, interactive backgrounds, and web animations. It functions as a web animation library that provides a set of compatible wrappers for integration into React, Vue, Angular, and Svelte applications. The engine includes pre-built animation patterns for celebratory effects, such as confetti explosions and fireworks. It allows for the creation of custom JavaScript visualizations through a plugin system that enables the development of specialized shapes and behaviors. The toolkit s

react-native-progress is a collection of visual components for cross-platform mobile applications designed to represent completion percentages and loading states. It provides a set of progress bars, circular indicators, and loading spinners for mobile environments. The library includes specific components for visualizing progress, such as a percentage progress pie, circular progress indicators with inner text, and linear progress bars. For active background processes, it provides animated loading spinners and activity spinners to signal ongoing tasks. These components support task completion

React component for editing/viewing JSON/object data

This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop

Keen-slider is a JavaScript touch carousel library and DOM-based slider engine. It provides a framework-independent tool for creating responsive, touch-enabled slide carousels that translate swipe inputs into animated transitions for content galleries. The library focuses on responsive design through the use of breakpoints and media queries to automatically adapt layout and behavior across different screen sizes. It supports native touch and swipe gestures compatible with modern web browsers and mobile devices. Its capability surface includes the implementation of navigation controls, infini

Tagify is an HTML tagging component library that transforms standard input and textarea elements into interactive interfaces for managing collections of data tags. It provides a form enhancement toolkit and an autocomplete input framework designed to add validation, persistence, and dynamic data synchronization to web forms. The library is distinguished by its ability to function as a mixed-content text editor, allowing interactive tags to be interspersed within blocks of plain free-form text. It supports real-time suggestions derived from local whitelists or remote servers, as well as an act

Swiper is a modular, touch-enabled library designed for building interactive content carousels and sliders for web and mobile applications. It provides a high-performance rendering engine that manages large datasets by dynamically creating and destroying elements based on their proximity to the viewport, ensuring memory efficiency and smooth operation. The library distinguishes itself through a plugin-based architecture that allows developers to include only the specific functionality required for their project, effectively minimizing bundle sizes. It features a hardware-accelerated animation

react-select is a customizable select input for React applications that supports single and multiple value selection with integrated search. It functions as a form input library providing a selection interface capable of fetching and displaying options from remote APIs dynamically as a user types. The library is distinguished by a component-injection architecture that allows users to replace internal UI fragments with custom React components. It further enables deep visual customization through prop-based style merging, allowing user-defined CSS objects to override internal defaults for brand

Puck is a headless visual CMS and React visual page editor that provides a drag-and-drop interface for designing page layouts and managing content. It functions as a JSON-based content management system, storing page structures as JSON and exposing them via API for dynamic rendering within applications. The project enables dynamic route authoring by mapping visual editor instances to specific URL paths, allowing content editing for any page. It integrates a visual authoring layer into existing applications to facilitate the design of page structures using custom React components. The system

kbar is a React command palette library that gives applications a searchable overlay for finding and executing commands using the keyboard. It includes keyboard shortcut binding, so users can trigger commands directly without opening the palette, and supports nested sub-menu navigation, allowing actions to be organized into hierarchical groups that can be drilled into and back out of with arrow keys. The library differentiates itself through a hook-based API that lets any React component register commands and shortcuts declaratively, alongside a global keyboard listener that handles palette a

A React component for Instagram like stories

❤️ A heart-shaped toggle switch component for React.

🏹 Draw arrows between React elements 🖋

This project is a reusable React datepicker component providing an accessible, localized interface for selecting dates and times within web applications. It functions as an input field that triggers a calendar popup for precise temporal data entry. The component is designed for flexibility, allowing for a customizable calendar layout and the integration of custom external elements to trigger the picker. It supports marking holidays with custom labels and styles and implements date selection restrictions through boundaries, exclusion lists, and filter functions. The system includes comprehens

This project is a notification library for web applications that provides a system for displaying transient, non-blocking toast messages. It functions as a UI component library that manages the lifecycle, visibility, and positioning of alerts, allowing developers to provide immediate feedback to users through success, error, or loading states. The library distinguishes itself through a headless logic architecture that decouples state management from the visual layer, enabling full control over the appearance and structure of notifications. It supports custom component rendering, allowing deve