https://github.com/zntb/nextjs-hex-compare-tool
https://github.com/zntb/nextjs-hex-compare-tool
nextjs shadcn-ui tailwindcss typescript
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zntb/nextjs-hex-compare-tool
- Owner: zntb
- License: mit
- Created: 2025-06-12T14:07:47.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2026-01-31T18:07:35.000Z (5 months ago)
- Last Synced: 2026-01-31T21:35:10.216Z (5 months ago)
- Topics: nextjs, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://hex-compare-tool.netlify.app/
- Size: 903 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# 🔍 HEX Comparison Tool
A modern web-based utility for comparing two HEX data sets byte-by-byte. This tool visually highlights matches, differences, additions, and removals with a clean UI built using **Next.js** and **ShadCN UI**.
## ✨ Features
- 🧠 **Smart HEX parsing**: Automatically formats and normalizes raw HEX input.
- 🧾 **Byte-by-byte diffing**: Highlights differences with color-coded chips.
- 📊 **Detailed stats**: Summary of matches, differences, additions, and deletions.
- 🧹 **Clear & copy**: Easily copy or reset your input fields.
- 📱 **Responsive UI**: Fully responsive design for desktop and mobile devices.
## 📸 Preview
## 🚀 Getting Started
### 1. Clone the repository
```bash
git clone https://github.com/zntb/nextjs-hex-compare-tool.git
cd hex-compare-tool
```
### 2. Install dependencies
```bash
pnpm install
# or
npm install
# or
yarn install
```
### 3. Start the development server
```bash
pnpm dev
# or
npm run dev
# or
yarn dev
```
### 4. Open the app in your browser
Open [http://localhost:3000](http://localhost:3000) in your browser.
### 🛠️ Tech Stack
- Next.js
- React
- TypeScript
- ShadCN UI
- Tailwind CSS
- Lucide Icons
## 📝 License
This project is licensed under the [MIT License](LICENSE).