An experimental tool for turning videos into interactive animated frame grids. I build custom tools for my own digital art workflow, and FrameGrid is one of them. it’s open-source and currently in development.

Full tutorial will be available soon.

I originally coded it to easily extract frames from videos and organize them into contact sheets. Over time, I added tools to draw over the frames and even trigger audio samples based on visual motion.

Whether you're an artist, animator, or just curious about looking at video side by side, frame by frame, you might find it useful.

Contact Sheets & Storyboards

Turn the flow of time into a spatial layout. Sample any video into a customizable grid of frames. Adjust columns, rows, spacing, and timecode formats. It’s perfect for analyzing motion study plates, building storyboards, or generating high-resolution contact sheets.

Frame-by-Frame Drawing

Animate directly on top of your grid. FrameGrid features a built-in floating palette with customizable brushes, onion skinning, and global template layers. You can sketch across individual frames to create rotoscope animations or apply visual overlays to your entire grid.

Audio Collision Sequencer

Since your video is now a grid, why not play it? You can assign audio samples to specific frames and place static playcells on your screen. As the frames move underneath, they trigger sounds, turning your grid into an experimental visual drum machine.

Flexible Inputs:  Drop in video files or sequences of images and GIFs.

Deep Grid Control:  Fine-tune cell sizes, frame scaling, visual padding, and background styles.

High-Quality Export:  Save your work as high-res PNG/JPEG grids, frame-by-frame ZIP sequences, or animated MP4 videos with synced audio.

Private & Local:  FrameGrid operates entirely in your browser. No cloud uploads, no accounts, and your files never leave your device.

Credits

FrameGrid

Created by Grisha Tsvetkov

2026