What is motion-studio-open?

motion-studio-open is a self-hosted tool for making short animated videos and GIFs out of a set of images. You drag your images in, choose one of the built in motion templates, adjust some live controls, watch a real time preview, and then export the result as an MP4 or GIF. It runs on your own machine and does not require an account or login. There are 17 families of motion effects, with 68 preset variations total. These range from cards sliding past in a row, to a rotating carousel, a shuffling deck, a starfield drift, a spinning globe of images, a slideshow with a slow zoom, and several others. Each family lives in its own file in the codebase, so adding a new one mostly means copying an existing example and adjusting it. Every template is built so its animation loops cleanly, meaning the end of the clip matches the start with no visible jump. Under the hood it is built with Next.js and TypeScript for the app itself, PixiJS for GPU accelerated rendering of the image layers and effects, and Zustand to hold the live application state that updates every frame. Exporting to MP4 or GIF uses a real ffmpeg install on your computer, stepped through frame by frame for a precise result. A hosted demo version lets you try every template and control in the browser, but actual video export only works when you run the project locally with ffmpeg installed. The project also ships a design system built around a single set of style tokens, so changing colors, spacing, and corner radii app wide is a one file edit, and a dark theme is included. The README describes the project as intentionally small and organized so that most changes only touch one file, and it welcomes people to fork it, add new motion templates, or build their own version on top of it.