惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

A
About on SuperTechFans
G
Google Developers Blog
L
LangChain Blog
aimingoo的专栏
aimingoo的专栏
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
云风的 BLOG
云风的 BLOG
小众软件
小众软件
月光博客
月光博客
Recent Announcements
Recent Announcements
人人都是产品经理
人人都是产品经理
P
Proofpoint News Feed
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
雷峰网
雷峰网
The Cloudflare Blog
博客园_首页
美团技术团队
大猫的无限游戏
大猫的无限游戏
B
Blog
IT之家
IT之家
Jina AI
Jina AI
H
Hackread – Cybersecurity News, Data Breaches, AI and More
C
Check Point Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
I Built a Free QR Code Generator from Scratch — 24 Types,...
QRKodu.onlin · 2026-04-29 · via DEV Community
Cover image for I Built a Free QR Code Generator from Scratch — 24 Types, No Sign-Up, No Expiry

QRKodu.online ⛶

Hey Dev.to! 👋
I just shipped a side project I've been working on and wanted to share it with this community: QRKodu.online — a completely free QR code generator with no account required.
Why I Built It
Most QR code tools online either require you to sign up, put generated codes behind a paywall, or make your QR codes expire after 30 days. That's frustrating when all you want to do is share your WiFi password or create a QR for your Instagram profile.
My goal was simple: Open, generate, download. Done.
What It Does
24 different QR code types: URL, WiFi, WhatsApp, TikTok, Instagram, LinkedIn, Telegram, vCard (digital business card), SMS, Email, Location, Boarding Pass, and more
PNG & SVG download — from 128px all the way to 1024px print quality
Transparent background PNG — great for print and design overlays
Custom logo — drop your own logo right in the center of the QR code
Full style customization — QR color, background color, module shape (square, rounded, circle), and corner style
Built-in QR scanner — scan QR codes via camera or by uploading an image
Browser-based history — your previously generated QR codes are saved locally
Bilingual UI — Turkish 🇹🇷 and English 🇬🇧
Tech Stack
Built entirely with vanilla JavaScript + HTML/CSS — no frameworks. QR generation uses the qr-code-styling library. Everything runs client-side, meaning no data is ever sent to a server. Privacy by design.

Tech Stack
Built entirely with vanilla JavaScript + HTML/CSS — no frameworks. QR generation uses the qr-code-styling library. Everything runs client-side, meaning no data is ever sent to a server. Privacy by design.

User data sent to server → Never ✅
QR generation → 100% client-side ✅
Account required → Nope ✅
Cost → Zero ✅
Expiry → None — QR codes work forever ✅

Enter fullscreen mode Exit fullscreen mode

What I Learned
Lazy-loading matters: Loading the QR library with requestIdleCallback significantly improved LCP (Largest Contentful Paint)
24 types → one clean UX: Each QR type needs different form fields — building a dynamic form renderer that stays intuitive was the real challenge
SVG vs PNG tradeoff: Users instinctively want PNG, but SVG is far superior for print. Offering both turned out to be the right call
i18n without a framework: Handling Turkish/English switching with a plain JS object map was surprisingly clean and lightweight

Try It Out
👉 qrkodu.online

I'd love your feedback — what QR type am I missing? What feature would you add? Drop a comment below! 🚀

Built with ❤️ — no ads, no tracking, no sign-up.