IVKitInteractive videos for the web

Branching stories, questions and animated hotspots. Use the ready-made Web Component, under 9.5 KiB gzip, or build your own player on the same engine.

Get started

Build your own player

Live examples

Drop-in Web Component

works in plain HTML or alongside any framework. Give it a story and it handles playback, questions, hotspots and controls.

No black frames between scenes

Two stacked videos preload the next scene and swap only once its first frame can be drawn, so you never see a black frame between scenes.

Animated hotspots

Rectangles, ellipses and polygons that can move and morph through keyframes, kept in step with the video frame by frame.

Or no player at all

@ivkit/core is the DOM-free engine behind the player. Build your own interface in React, Vue, a canvas or a game engine, with the same stories.

Custom players with core

Validation built in

validateStory checks stories from JSON or a CMS and reports each problem with a JSON Pointer to the field that caused it.

Tiny, no dependencies

No third-party runtime dependencies. The standalone player, including the engine, styles and icons, stays under 9.5 KiB gzip.