Vue-based UI

With 2.7.0, pywb introduces a new Vue UI based system, which provides a more feature-rich representation of a web archive.


Calendar UI

The new calendar UI provides a histogram and a clickable calendar representation of a web archive.

The calendar is rendered in place of the URL query page from versions before 2.7.0.

Calendar UI Screenshot

Logo URL

It is possible to configure the logo to link to any URL by setting ui.logo_home_url in config.yml to the URL of your choice.

If omitted, the logo will not link to any page.

For example, to have the logo redirect to, set:



As of pywb 2.8, the replay header includes a print button that prints the contents of the replay iframe.

This button can be disabled by setting ui.disable_printing in config.yaml to any value.

For example:

  disable_printing: true

Updating the Vue UI

The UI is contained within the pywb/vueui directory.

The Vue component sources can be found in pywb/vueui/src.

Updating the UI requires node and yarn.

To install and build, run:

cd pywb/vueui
yarn install
yarn build

This will generate the output to pywb/static/vue/vueui.js which is loaded from the default templates when the Vue UI rendering is enabled.

Additional styles for the banner are loaded from pywb/static/vue_banner.css.