React Hover Video Player

An open source React component library for rendering videos that play on hover, including support for mouse and touch events and a simple API for adding thumbnails and loading states.

In 2020, I implemented a feature for Waymark so that users could hover on thumbnails to see a preview of what a video template looked like. I was surprised that nobody had made a library which covered this functionality yet, so I decided to take it as an opportunity to create my first open source library.

This library is now used in production in various places on, and has over 150k downloads on npm to date.

I also maintain a web component port of this library, which is used on the homepage of this site!