The ultimate VS Code extension for visual git diff comparison! Pin any commit, branch, or reference and instantly see what's changed in your files with elegant gutter indicators.
Ever wished you could easily compare your current work against a specific commit or branch? Tired of switching between terminal and editor to see git diffs? This extension transforms your VS Code editor into a powerful visual diff tool that highlights changes right in the gutter - just like VS Code's native git integration, but for ANY reference you choose!
- Pin any git reference: commits, branches, remote branches, tags
- Smart validation ensures your reference exists
- One-click toggle from the status bar
- Support for relative references (
HEAD~2,main~5)
- 🟡 Yellow bars for modified lines
- 🟢 Green bars for added lines
- 🔻 Red down arrows for deleted content
- Clean, VSCode-native styling that doesn't interfere with your code
- Automatic highlighting when switching files
- Instant refresh on file save
- Seamless integration with your workflow
- Compare against
HEADby default - Switch to any pinned reference instantly
- Perfect for feature branch development, code reviews, and refactoring
Pin a commit and see your changes highlighted instantly
- Click the pin icon (📌) in your status bar (bottom right)
- Enter any git reference - branch name, commit SHA, or remote branch
- Watch the magic happen - your file changes are highlighted immediately!
main # Branch name
origin/develop # Remote branch
a1b2c3d # Commit SHA (short or full)
HEAD~5 # Relative reference
v1.0.0 # Tag
upstream/master # Upstream branchPin the base branch and see exactly what changed in your feature branch
Compare your work-in-progress against the original starting point
Keep track of modifications while restructuring code
Compare current state with known good commits
Review all changes since the last release tag
- Install the extension from the VS Code Marketplace
- Open any git repository in VS Code
- Click the 📌 icon in the bottom-right status bar
- Enter a git reference to pin (e.g.,
main,origin/develop) - Start coding and see your changes highlighted!
- Git repository: Your project must be a git repository
- VS Code 1.90.0+: Latest VS Code for the best experience
- Git CLI: Must be available in your system PATH
| Command | Description |
|---|---|
Toggle Pinned Commit |
Pin a git reference for comparison |
Change/Clear |
Modify or remove the current pinned reference |
Access via:
- Status bar click (📌 icon)
- Command Palette:
Toggle Pinned Commit
This extension works out of the box with no configuration required! The pinned reference is maintained per workspace session.
- Gutter icons may not appear in some VS Code themes (working on universal compatibility)
- Large repositories might experience slight delays when switching references
- Binary files are not highlighted (git limitation)
- Down arrow indicators for deletions appear in gutter area
- ✅ Pin any git reference (commits, branches, remotes)
- ✅ Visual gutter indicators for all change types
- ✅ Real-time file highlighting
- ✅ Status bar integration
- ✅ Reference validation
- 🔮 Multi-reference comparison
- 🔮 Customizable colors and indicators
- 🔮 File-level change statistics
- 🔮 Integration with git timeline
Found a bug or have a feature request? We'd love to hear from you!
MIT License - feel free to use this extension in your projects!
If this extension saves you time and makes your development workflow smoother, consider:
- ⭐ Rating it on the VS Code Marketplace
- 🐦 Sharing it with your developer friends
- 💝 Contributing to make it even better
Happy coding! 🚀
Transform your git workflow with visual diff highlighting - pin any reference and code with confidence.