English | 简体中文
ScanSnap is a web-based tool designed to decode QR codes and barcodes directly from images. It eliminates the need for users to use their mobile phones to scan screens by allowing them to upload, drag-and-drop, or paste images directly into the browser for instant decoding.
In many scenarios, users encounter QR codes or barcodes while browsing on their computers. Traditionally, they would need to take out their phone, open a scanner app, and point it at the screen. ScanSnap provides a more efficient workflow by processing these images directly within the web environment.
- Direct Image Scanning: Upload or drag-and-drop image files to extract data.
- Clipboard Support: Paste images directly from the clipboard for quick scanning.
- Multiple Format Support: Decodes various formats including QR codes and common barcodes.
- Scan History: Keeps track of recent scans with thumbnails and timestamps.
- Multilingual Support: Built-in support for English and Simplified Chinese.
- Responsive Design: Optimized for both desktop and mobile web browsers.
- Dark and Light Modes: Supports system preferences and manual toggling.
- Framework: Next.js 15
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Radix UI / shadcn/ui
- Icons: Lucide React
- Scanning Engine: html5-qrcode
- Node.js 18.x or higher
- npm
-
Clone the repository:
git clone https://github.com/ZhanZiyuan/ScanSnap.git cd ScanSnap -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:9002 in your browser to see the result.
-
To create a production build:
npm run build npm run start
This project is licensed under the GNU General Public License v3.0 (GPLv3). See the LICENSE file for details.