KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

gitpage-timemachine

★ 165 Open GitHub ↗

Visualize the evolution of your website in 3D time-machine like.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Git Page Time-Machine.

See the evolution of your website in screenshots.

[Live demo](http://javier.xyz/gitpage-timemachine)

[![img2css](https://raw.githubusercontent.com/javierbyte/gitpage-timemachine/master/docs/thumbnail.png)](http://javier.xyz/gitpage-timemachine)

## How to use.

Since I'm using https://github.com/javierbyte/node-git-history this only works on Mac and Linux.

Clone the repo, and `cd` into it.

1. Config your data. Edit the `config.js` file.
```
module.exports = {
	repo: 'https://github.com/javierbyte/javierbyte.github.io',
	maxImages: 24,
	ignoreCommits: ['6da97a5eacd294c573ff830f79c5a3ecaec9c466', 'e9ccbd00a04007b313172b542d0e8e8c13cd3f8a']
};
```

It currently supports 3 properties:
* `repo` that is your repo url,
* `maxImages` that is the maximun number of screenshots that we are trying to get,
* `ignoreCommits` the entire hash of commits that you want to ignore.

2. Run and get your data. (This takes around 3 minutes for a 24 screenshot history!).
Run your `chrome-headless-screenshots` server
```
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-gpu --window-size=1280x900 --force-device-scale-factor=1 --headless --remote-debugging-port=9222 --hide-scrollbars
```

```
node cli.js
```

3. Run the frontend and see your history!
```
npm run dev
```

4. Profit!

gitpage-timemachine

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README