https://github.com/getfrontend/app-diffly
Diffly is a modern web application that allows users to compare two text snippets and visualize the differences between them.
https://github.com/getfrontend/app-diffly
text-compare
Last synced: about 2 months ago
JSON representation
Diffly is a modern web application that allows users to compare two text snippets and visualize the differences between them.
- Host: GitHub
- URL: https://github.com/getfrontend/app-diffly
- Owner: getFrontend
- Created: 2025-03-31T16:19:09.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-31T16:39:29.000Z (about 2 months ago)
- Last Synced: 2025-03-31T17:31:15.049Z (about 2 months ago)
- Topics: text-compare
- Language: TypeScript
- Homepage: https://diffly.vercel.app
- Size: 210 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Diffly - Text Comparison Tool
Diffly is a modern web application that allows users to compare two text snippets and visualize the differences between them. Built with Next.js and styled with Tailwind CSS, this tool provides an intuitive interface for identifying insertions, deletions, and unchanged text.
## Features
- **Text Comparison**: Compare two text snippets and see the differences highlighted
- **Visual Differentiation**: Insertions are highlighted in green, deletions in red, and unchanged text remains normal
- **Dark/Light Mode**: Toggle between dark and light themes for comfortable viewing in any environment
- **Export to HTML**: Save comparison results as an HTML file for sharing or future reference
- **Responsive Design**: Works seamlessly on desktop and mobile devices
- **Semantic Diff**: Uses advanced algorithms to provide meaningful, human-readable differences
## Technology Stack
- **Frontend**: Next.js 15, React 19
- **Styling**: Tailwind CSS
- **Diff Algorithm**: diff-match-patch library
## Usage
1. Enter or paste your original text in the "Text A" field
2. Enter or paste your modified text in the "Text B" field
3. Click "Compare Texts" to see the differences
4. Use "Export to HTML" to save the results
5. Click "Clear All" to start a new comparison