Skip to content

Repository files navigation

QRCraft — Free Permanent QR Code Generator

Generate free, permanent QR codes for Google Drive links and any URL. No sign-up, no expiration, no data stored.

Next.js React Tailwind CSS License

Features

  • Permanent QR Codes — URLs are encoded directly into the QR pattern. No redirect servers, no expiry.
  • Google Drive Optimized — Auto-detects Drive links, normalizes them, and shows sharing tips.
  • Customizable — Color presets, custom foreground/background colors, size (150–1000px), margin, and error correction levels (L/M/Q/H).
  • Multiple Formats — Download as PNG, SVG, or JPEG.
  • Copy to Clipboard — One-click copy as image.
  • 100% Client-Side — No data is stored or sent to any server. Everything runs in your browser.
  • Responsive & Accessible — Works beautifully on desktop, tablet, and mobile.
  • Dark Mode — Automatic dark mode support.

Tech Stack

Technology Purpose
Next.js 16 React framework
React 19 UI library
Tailwind CSS 4 Styling
qrcode QR code generation
react-icons Icons
TypeScript Type safety

Getting Started

Prerequisites

  • Node.js 18+
  • npm / yarn / pnpm

Installation

# Clone the repository
git clone https://github.com/webKing021/QRCraft-Generator.git
cd QRCraft-Generator

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:3000 to see the app.

Build for Production

npm run build
npm start

How It Works

  1. Paste Your Link — Enter any URL (Google Drive, websites, YouTube, etc.)
  2. Customize (Optional) — Pick colors, size, margin, and error correction level
  3. Generate & Download — Get your QR code as PNG, SVG, or JPEG, or copy it to clipboard

Why Are These QR Codes Permanent?

Unlike services that route scans through their own servers (which can expire or shut down), QRCraft encodes your URL directly into the QR pattern. The QR code itself contains your link — no middleman, no expiry. It works as long as the destination URL is active.

Project Structure

src/
  app/
    page.tsx        # Main QR code generator page (client component)
    layout.tsx      # Root layout with metadata
    globals.css     # Global styles & Tailwind imports
    icon.png        # Website favicon
public/
    icon.png        # QR code maker icon

Developed By

Krutarth RaychuraGitHub

License

This project is open source and available under the MIT License.

About

Free, permanent QR code generator for any URL — especially Google Drive links. No sign-up, no expiration, no data stored. Customize colors, size, and error correction. Download as PNG, SVG, or JPEG.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages