Skip to content
| Marketplace
Sign in
Visual Studio Code>SCM Providers>Git File TimelineNew to Visual Studio Code? Get it now.
Git File Timeline

Git File Timeline

hugocxl

|
1 install
| (0) | Free
Navigate your file's commit timeline with syntax-highlighted diffs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


icon
Git File Timeline

Navigate your file's commit timeline with syntax-highlighted diffs

PRs welcome! License

Browse through the commit history of any file in your repository with beautiful, side-by-side syntax-highlighted diffs.

Git File Timeline Demo

Features

  • Visual Timeline: Navigate through commits using an intuitive horizontal carousel
  • Syntax Highlighting: Powered by Shiki for accurate, editor-quality syntax highlighting
  • Side-by-Side Diffs: Compare changes between consecutive commits with a split view
  • Word-Level Diffing: See exactly what changed at the word level, not just line-by-line
  • Keyboard Navigation: Use arrow keys to quickly navigate between commits
  • VS Code Native: Respects your VS Code theme colors and integrates seamlessly

Usage

From Explorer

Right-click any file in the Explorer sidebar and select "Git File Timeline".

From Editor

Right-click anywhere in an open file and select "Git File Timeline".

From Command Palette

  1. Open the file you want to inspect
  2. Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux)
  3. Type "Git File Timeline" and press Enter

Keyboard Shortcuts

Key Action
Left Arrow View previous commit
Right Arrow View next commit

Requirements

  • Visual Studio Code 1.108.0 or higher
  • Git installed and available in PATH
  • A Git repository with commit history

Extension Settings

This extension does not add any VS Code settings.

Known Issues

  • Large files with many commits may take a moment to load
  • Binary files are not supported

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Shiki for syntax highlighting
  • @pierre/diffs for the diff viewer component
  • Inspired by git-history by Rodrigo Pombo

Enjoy exploring your git timeline!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft