Code View

Track, visualize, and navigate your code changes with an intuitive timeline interface – directly inside your editor.
Whether you're debugging, refactoring, or just exploring history, Code View makes version tracking feel natural.

💡Compatible with VS Code 1.84+ and Cursor (as of June 2025)

🚀 Features

• 🕒 Interactive Timeline – Scroll through your code’s evolution visually
• 📸 Manual Snapshots – Save key moments in your development
• 🔍 Side-by-Side Diffs – Instantly compare different versions
• 🔄 Restore in One Click – Roll back to any snapshot easily
• ⚡ Smart Playback – Replay how your code changed over time
• 🧠 Auto-Save Timeline – Background versioning without spamming history
• 🎮 Playback Speed Control – Slow down or speed up playback
• 🏷️ Named Version Labels – Add custom names to any code state
• 📊 Work Time Tracker – Track time spent by project section

🧩 Installation

1. Open the Extensions panel in VS Code
2. Search for "Code View"
3. Click Install
4. Restart or reload your window

🛠️ Usage

1. Open any file in your workspace
2. Click the timeline icon in the bottom-left status bar
3. Use the panel controls to:
   • 📸 Create snapshots (Ctrl+Shift+S)
   • 🔍 Compare versions
   • 🔄 Restore a version
   • ▶️ Play through changes (Ctrl+Shift+T)

🔍 What’s New in 1.1.0?

🧠 Smart Auto-Save

No more spamming snapshots. Code View now uses a hybrid buffer that auto-saves after 10s of inactivity, bundling changes into clean, logical checkpoints.

🎮 Playback Speed Control

Too slow? Too fast? Choose from 0.5x to 3x and replay your timeline at your own pace.

🏷️ Named Change Labels

Label snapshots with custom titles. You'll never forget what "that change" was again.

📊 Time Tracking Per Section

Track time spent across code categories: Frontend, Backend, API, Docs, etc. Built-in dashboard helps visualize effort and focus areas.

💡 UI + UX Boosts

Auto-save indicators, color-coded sections, and upgraded modals make Code View feel smoother, smarter, and more professional.

📸 Screenshots

A sneak peek into Code View in action:

📂 Home Panel

📍 Create Snapshot

🕹️ Play Timeline

📊 Compare Versions

↩️ Restore Version

⏰ Work Time Tracker

**📊 Sections **

🧠 Why Code View?

Ever lost a working version of your code and wished you had a time machine?
Code View is that time machine – designed for developers who want clarity, control, and context while coding.

🙌 Shoutout

Big thanks to our early beta testers, Reddit communities, and Product Hunt supporters!
🎉 Ranked #18 on Product Hunt with 100+ upvotes on launch day!

📣 Feedback & Contributions

Issues, feature requests, or feedback? Open an issue or tweet @HisKelvins.
We’d love your input as we build toward the next big update.

🔒 Permissions

Code View does not access or send your code externally.
All snapshots are local to your workspace. Your privacy and files stay in your control.