# bndw/wifi-card

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/bndw-wifi-card).**

7,125 stars · 497 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/bndw/wifi-card
- Homepage: https://wificard.io
- awesome-repositories: https://awesome-repositories.com/repository/bndw-wifi-card.md

## Topics

`dogs-over-cats` `qrcode` `react` `wifi` `wificard`

## Description

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.

The system covers network onboarding workflows by mapping credentials into predefined visual layouts. It handles QR code generation locally in the browser to simplify wireless network credential sharing without the use of external APIs.

## Tags

### Business & Productivity Software

- [Credential Card Generators](https://awesome-repositories.com/f/business-productivity-software/credential-card-generators.md) — Generates printable network credential cards and QR codes to facilitate guest wireless network access. ([source](https://cdn.jsdelivr.net/gh/bndw/wifi-card@master/README.md))

### Graphics & Multimedia

- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Utilizes scalable vector graphics to maintain high resolution and crisp lines for printable cards.
- [QR Code Generators](https://awesome-repositories.com/f/graphics-multimedia/qr-code-generators.md) — Includes a tool for generating scannable QR codes that automate the process of joining a WiFi network.

### Networking & Communication

- [Guest Network Access Tools](https://awesome-repositories.com/f/networking-communication/guest-network-access-tools.md) — Provides a simple utility to share wireless network credentials with guests via scannable image formats.
- [Guest Access Facilitation](https://awesome-repositories.com/f/networking-communication/wifi-access-point-hosting/guest-access-facilitation.md) — Provides scannable QR codes that allow visitors to connect to a wireless network without manual password entry.
- [Network Joining Workflows](https://awesome-repositories.com/f/networking-communication/thread-network-management-tools/network-joining-workflows.md) — Simplifies the network joining process for new users by automating the transmission of credentials via QR codes.

### Security & Cryptography

- [WiFi Credential Sharing](https://awesome-repositories.com/f/security-cryptography/identity-access-management/credential-lifecycle-management/credential-security/wifi-credential-sharing.md) — Generates physical or digital cards that provide network names and passwords through a scannable QR code.

### Web Development

- [Client-Only Applications](https://awesome-repositories.com/f/web-development/client-only-applications.md) — Operates as a pure-client utility, processing all credentials and rendering the final document entirely within the browser.
- [Client-Side Image Generation](https://awesome-repositories.com/f/web-development/client-side-image-generation.md) — Processes and generates the QR code image entirely on the client side without external API calls.

### Content Management & Publishing

- [Template-Driven Generation Engines](https://awesome-repositories.com/f/content-management-publishing/template-driven-generation-engines.md) — Maps network credentials into predefined visual templates to produce standardized printable formats.

### User Interface & Experience

- [Printable Layouts](https://awesome-repositories.com/f/user-interface-experience/card-layouts/printable-layouts.md) — Implements a layout generator for physical cards containing network names and passwords formatted for printing.