TextQRcode is a lightweight, browser-based application that instantly converts any text or URL you enter into a high-resolution QR code. Designed with usability and performance in mind, it requires no server, frameworks, or installations—just paste your content and click. The app supports dynamic resizing, high error correction level, and seamless integration into websites or presentations. It’s ideal for sharing links, contact information, product details, or any block of text across devices. With a clean interface, SEO optimization, and a responsive design, TextQRcode ensures your audience can easily scan and access your content whether they’re on desktop, tablet, or mobile. Author Bocaletto Luca has crafted every aspect—from metadata and structured data for search engines to a minimal footprint—for a professional user experience.
- Pure client-side QR Code generation with no dependencies beyond a single HTML file
- Real-time text or URL conversion into a 256×256 QR code with high error correction (H)
- Clean, responsive design optimized for desktop, tablet, and mobile
- SEO-friendly metadata, Open Graph tags, and JSON-LD structured data
- Copy, clear, and regenerate controls for seamless workflow
- No installation required—works offline once loaded in the browser
- Accessible keyboard-focusable buttons and ARIA-compatible elements
Experience the live demo on GitHub Pages:
https://bocaletto-luca.github.io/TextQRcode/index.html
These instructions will help you run TextQRcode locally or on your own server.
Any modern web browser. No additional software needed.
- Clone the repository
git clone https://github.com/bocaletto-luca/TextQRcode.git cd TextQRcode - Serve the files
Use a simple HTTP server to avoid CORS issues:# Python 3 python3 -m http.server 8000 # Node.js (http-server) npx http-server . -p 8000
- Open Your Browser
Navigate tohttp://localhost:8000/index.html.
- Enter Text or URL
Click inside the editor textarea and type or paste any content. - Generate QR Code
Press the Generate QR button to render a new code below. - Clear
Use the Clear button to reset the editor and remove the current QR code. - Scan & Share
Open the QR image on any device camera or scanning app to access your content instantly.
- QR Size & Styles
Modify thewidthandheightvalues in the<script>section to adjust QR dimensions. - Error Correction
Change thecorrectLevelin the QRCode configuration (L,M,Q,H) for different tolerances. - Styling
Tweak the embedded CSS in the<style>block or extract it to an externalstyle.css. - Metadata
Update<meta>tags, Open Graph properties, and JSON-LD data in the<head>for your domain.
TextQRcode/
├── index.html # All-in-one application file (HTML, CSS, JS)
└── README.md # This document
Contributions, issues, and feature requests are welcome:
- Fork the repository
- Create a feature branch (
git checkout -b feature/my-feature) - Commit your changes (
git commit -m "Add my feature") - Push to your branch (
git push origin feature/my-feature) - Open a Pull Request
Please ensure code consistency and test new features across major browsers.
This project is licensed under the MIT License. See the LICENSE file for details.
Bocaletto Luca
- GitHub: @bocaletto-luca
- Repository: TextQRcode