---
title: "ScrollyVideo.js"
description: "Component that scrubs a video frame-accurately against scroll position across React, Vue, Svelte and vanilla, handling decode differences per browser."
canonical: "https://vibing.inc/library/scrollyvideo-js-vg-1506"
category: "Motion & Animation"
subcategory: "Scrollytelling"
license: "MIT"
author: "Daniel Kao (@dkaoster)"
source: "https://scrollyvideo.js.org/"
---

# ScrollyVideo.js
Component that scrubs a video frame-accurately against scroll position across React, Vue, Svelte and vanilla, handling decode differences per browser.
## Facts
- Source: https://scrollyvideo.js.org/
- Category: Motion & Animation / Scrollytelling
- Author: Daniel Kao (@dkaoster)
- Licence: MIT
- Tags: video, scroll, scrubbing, component
## Why it's a gem
Frame-accurate scroll-scrubbed video is notoriously hard; this handles the codec edge cases.
---
Listed in The Vibeary: https://vibing.inc/library/scrollyvideo-js-vg-1506 · JSON: https://vibing.inc/api/public/library/gems/scrollyvideo-js-vg-1506