Qr code generator simple
![Picture](https://res.cloudinary.com/lrmn/image/upload/v1686413389/lrmn.dev/og-qr1_fcax8y.png)
Project Links
- LIVE SITE LINK: https://qr-lrmn.vercel.app/
- GITHUB REPO: https://github.com/lrmn7/QR
About π
After trying to create a nice qr code with a logo for my work I quickly became frustrated by how limited most tools online were and how they all wanted me to signup and added bloat to the process. So I decided to create my own tool that would be simple, easy, feature rich and free to use.π
If you find this project useful please consider giving it a star β
If you use the code please give me credit and link back to this repo π
Enjoy! π
Features π
- Simple and easy UI π€©
- Smart themes based on the QR Code URL π¨
- Add a logo to your QR code πΌοΈ
- Colouring and styling options π¨βπ¨
- Right click the QR code to save it as an image πΈ
Coming Soonβ’ π§
- Auto recommend icons for all brands π
- Favicon scraping π€ (Unsure how CORS will go)
- More themes π¨
- QR code frames and text options πΌοΈ
- Svg download option πΈ
- Copy to clipboard option π
- Abillity to scan QR codes π±
Built with π§°
-
React QR Code Logo π¦
- A very nice and easy to use QR code package with logo options.
-
Next.js π
- Because it's the best React framework out there.
-
Tailwind CSS π
- Nextjs starter had it already so why not.
-
React Palette π¨
- A nice package to get the dominant color of an image.
-
Simple Icons πΌοΈ
- The best package for all brand icons.
-
Hero Icons π¦ΈββοΈ
- A really pretty collection of icons.
-
jsQR πΈ
- A QR code scanner library.
Getting Started π οΈ
Install with
yarn
Then, run the development server:
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
Learn More π
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!