View Transitions Toolkit

A collection of utility functions to more easily work with View Transitions

Installation

npm i view-transitions-toolkit

The Toolkit

The Toolkit consists of several modules, each providing a set of utility functions:

• Feature Detection: Get information about whether certain View Transitions subfeatures are supported.
• Shim document.activeViewTransition: Shim support for document.activeViewTransition.
• Animations: Utilities for extracting, measuring, and optimizing animations.
• Transition Playback Control: Pause, Resume, or Scrub the playback of a View Transition.
• Automatic Page Navigation Types: Automatically inject View Transition Types based on navigation origin/destination.
• Misc Utilities: Other helper functions like setTemporaryViewTransitionNames and extractViewTransitionName.

Demos

Try the demos online over at https://chrome.dev/view-transitions-toolkit/.

The source of the demos is included in the repository.

To run them locally, run npm start and visit http://localhost:3000/.

npm start

License

view-transitions-toolkit is released under the Apache 2.0 License. See the enclosed LICENSE for details.

Contributing

We'd love to accept your patches and contributions to this project. See the enclosed CONTRIBUTING for details.

Disclaimer

This is not an officially supported Google product. This project is not eligible for the Google Open Source Software Vulnerability Rewards Program.