Preparing frames…
Buffering
Scroll
The Approach
01

Scroll-driven animation

Every frame is tied directly to scroll position no timelines, no autoplay. The user is in full control, making the experience feel tactile and intentional rather than passive.

02

Pure vanilla JS

No animation libraries. No frameworks. Just a canvas element, a preloaded image sequence, and a single scroll listener fast, lightweight, and entirely dependency-free.

03

Production-ready performance

All frames are preloaded and decoded before playback begins. GPU-accelerated canvas rendering ensures zero dropped frames at any scroll speed on any modern device.

Under the Hood
241 fr
Image Frames
0 dep
Dependencies
60fps
Smooth Playback
360°
Full Rotation
CSS
Scroll Progress
GPU
Canvas Render
~8kb
JS Bundle Size
100%
Vanilla Code

Built to
impress.
Built to last.

This project demonstrates what's possible when scroll interaction, canvas rendering, and thoughtful design come together without a single framework.