Modern, professional Wi-Fi QR card generator for Web & CLI.
ConnectCard is a high-performance tool designed to bridge the gap between your Wi-Fi credentials and seamless connectivity. It transforms SSID and password information into beautifully designed, printable cards and digital QR codes.
Built with a focus on security, performance, and user experience, ConnectCard is the ultimate solution for homes, offices, and businesses.
- 🌐 Stunning Web UI: A premium React-based dashboard with a live-updating QR preview.
- 💻 Powerful CLI: Fast, interactive, and scriptable command-line interface.
- 📄 High-Quality Exports: Download your cards as professional PDF or sharp PNG files.
- 🔒 Privacy First: All processing happens locally. Your passwords never leave your device.
- 🌍 Internationalization: Fully localized support for English and Turkish.
- 🌓 Adaptive Theming: Beautiful Dark and Light mode support for the Web UI.
- 🛠 Developer Friendly: TypeScript-first, monorepo architecture with clean code standards.
Experience the full power of ConnectCard through your browser.
- Install dependencies:
npm install
- Start the engine:
npm run dev
Generate QR codes instantly without leaving your terminal.
# Generate a QR code immediately
npx tsx packages/cli/src/index.ts generate --ssid "MyNetwork" --password "MySecret" --output wifi.pngOur chosen stack ensures scalability, type safety, and a premium developer experience.
| Layer | Technologies |
|---|---|
| Frontend | React, Vite, TailwindCSS, Lucide Icons, i18next |
| Core Logic | TypeScript, Zod, QRCode, jsPDF |
| CLI | Commander.js, Clack, Picocolors |
| DevOps | npm Workspaces, Vitest, ESLint, Prettier |
ConnectCard uses a modular monorepo structure for maximum reusability.
packages/core: Theoretical heart of the project. Contains QR generation, PDF layouts, and validation logic.packages/cli: The terminal-based entry point.apps/web: The interactive React single-page application.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Created with ❤️ by Ismail Tasdelen