Git Commits Playground
Interactive visual simulator for Git branches and commits.
CLI Simulator
Available Commands:
$ git commit -m "msg"
$ git branch <name>
$ git checkout <name>
$ git checkout -b <name>
Current Status
Working tree clean
Commit History DAG
Initial commit
What is this tool?
An interactive visual Git simulator and commit graph visualizer. Test Git commands like commit, branch, and checkout in a sandbox and watch commits and branch pointers render live on a canvas.
How to use the Git playground
- Type standard Git commands into the terminal prompt (e.g., 'git commit -m \"first commit\"', 'git branch feature').
- Use quick action buttons to instantly commit or create new branches without typing.
- Observe the visual commit graph on the canvas to see parent-child commit linkages and active branch pointers.
- Switch active branches or reset the commit tree to start a new experiment.
Key Features
- Dynamic 2D canvas visualization of Git commit trees and DAG history
- Interactive command-line prompt supporting git commit, branch, and checkout
- Quick-click action buttons for rapid branch and commit creation
- Visual branch indicator badges and color-coded commit nodes
Frequently Asked Questions
Can I connect this to my remote GitHub repository?
No. This tool is a client-side visual simulation designed for learning, demonstration, and visualizing Git branching strategies. It does not interface with remote repositories.
Does this require Git to be installed on my computer?
No. The entire simulation logic is implemented in client-side TypeScript and runs completely inside your web browser without local Git binaries.
Privacy First
Processed 100% locally in your browser. No repositories, commands, or Git credentials ever leave your device.