A powerful, feature-rich web-based file comparison tool that makes it easy to compare files and see differences with multiple view modes, export options, and advanced features.
- Line-level comparison - Perfect for code and structured text
- Word-level comparison - Great for documents and prose
- Character-level comparison - Precise character-by-character analysis
- Responsive design - Works perfectly on desktop, tablet, and mobile
- Dark/Light theme - Switch between themes with a single click
- Syntax highlighting - Support for JavaScript, Python, HTML, CSS, JSON, XML, and more
- Drag & drop support - Simply drag files to compare them instantly
- Ignore whitespace - Focus on content changes
- Ignore case - Case-insensitive comparisons
- Auto-compare - Automatically compare as you type
- Undo/Redo - Full history support for both text areas
- Search within diffs - Find specific changes quickly
- Unified and side-by-side views - Choose your preferred layout
- Line numbers - Easy reference and navigation
- Keyboard shortcuts - Boost your productivity
- HTML export - Styled reports for documentation
- Text export - Plain text for simple sharing
- JSON export - Structured data for integration
- URL sharing - Share comparisons via links
- Copy to clipboard - Quick copying of results
- Font size adjustment - From 12px to 20px (default: 16px)
- Tab size control - 2, 4, or 8 spaces (default: 4)
- Word wrap toggle - Better readability for long lines (default: ON)
- Settings persistence - Your preferences are saved
- Show line numbers - ON by default
- Auto compare - ON by default
- Dark mode - ON by default
- Reset Settings button - Instantly restore all defaults in the settings modal
- Download all files from this repository
- Open
index.htmlin your web browser - Start comparing files immediately!
Visit the live demo to use it directly in your browser.
git clone https://github.com/sukarth/diffchecker-pro.git
cd diffchecker-pro
# Open index.html in your browser- Upload files using the file inputs or drag & drop
- Paste text directly into the text areas
- Choose diff mode: Line, Word, or Character level
- Click Compare to see the differences
- Toggle between views: Unified or Side-by-Side
- Press
Ctrl+Enterto quickly compare - Press
Ctrl+Fto search within results - Press
Ctrl+Sto export results - Press
Ctrl+Kto clear all content - Press
Ctrl+Z/Yfor undo/redo in text areas - Diff stats - Accurate for line, word, and character level comparisons
- Code files:
.js,.ts,.py,.html,.css,.json,.xml - Text files:
.txt,.md,.csv - Configuration:
.yaml,.yml,.ini - And many more!
- Code reviews - Compare different versions of code files
- Configuration changes - See what changed in config files
- Documentation updates - Track changes in README files
- Bug fixing - Compare working vs. broken code
- Document revisions - Track changes in articles and documents
- Content comparison - Compare different versions of content
- Translation work - Compare original and translated text
- Proofreading - Find differences between drafts
- CSV comparison - Compare data files
- Log analysis - Find differences in log files
- Report changes - Track changes in reports
- Configuration audits - Compare system configurations
- ✅ Chrome 80+
- ✅ Firefox 75+
- ✅ Safari 13+
- ✅ Edge 80+
- HTML5 - Semantic markup and modern features
- CSS3 - Flexbox, Grid, Custom Properties, Animations
- JavaScript ES6+ - Classes, Modules, Async/Await
- diff.js - Core diffing algorithm
- Local Storage API - Settings persistence
- File API - File reading and processing
- Clipboard API - Copy to clipboard functionality
- ⚡ Fast comparison - Optimized algorithms handle large files
- 🔄 Real-time updates - Instant feedback as you type
- 💾 Memory efficient - Smart memory management for large diffs
- 📱 Mobile optimized - Smooth performance on all devices
- PDF export - Generate PDF reports
- GitHub integration - Compare files from repositories
- More syntax highlighting - Support for additional languages
- Diff statistics - Detailed change analytics
- Plugin system - Extensible architecture
- Collaborative features - Real-time collaboration
- API integration - Connect with external tools
- Performance optimization - Handle even larger files
- Better mobile experience - Enhanced touch interactions
- Accessibility improvements - Better screen reader support
- More export formats - XML, CSV, and others
- Advanced search - Regular expressions, fuzzy search
We welcome contributions! Here's how you can help:
- 🐛 Report bugs - Found an issue? Let us know!
- 💡 Suggest features - Have an idea? We'd love to hear it!
- 🔧 Submit PRs - Fix bugs or add features
- 📚 Improve docs - Help make the documentation better
- 🎨 Design improvements - Make it look even better
- Fork the repository
- Clone your fork:
git clone https://github.com/sukarth/diffchecker-pro.git - Create a feature branch:
git checkout -b feature-name - Make your changes
- Test thoroughly
- Submit a pull request
- Use consistent indentation (2 spaces)
- Follow JavaScript ES6+ standards
- Write descriptive commit messages
- Add comments for complex logic
- Ensure responsive design principles
This project is licensed under the MIT License - see the LICENSE file for details.
- diff.js library for the core diffing algorithm
- Feather Icons for the beautiful icon set
- Google Fonts for the Roboto and Fira Code fonts
- MDN Web Docs for excellent web development resources
If you find this project helpful, please consider:
- ⭐ Starring the repository
- 🐦 Sharing on social media
- 📝 Writing a review or blog post
- ☕ Buying me a coffee (link coming soon!)
Made with ❤️ by Sukarth