Open Source Animation Projects
Animation is the creation of movement or change over time, using sequences of images, shapes, or other visual elements. In software, it can explain complex ideas, bring data to life, guide attention, and make digital interfaces feel more responsive. Programmatic animation also makes it possible to generate repeatable visuals and adjust them through code rather than editing each frame by hand.
Open source tools in this area range from libraries for interface transitions and motion graphics to engines for educational visuals, data displays, and presentations. When choosing one, consider its license, maintenance activity, documentation, performance, supported platforms, and fit with your existing workflow. Some tools require programming, while others provide visual editors or reusable components. They can be useful to developers, designers, educators, researchers, and anyone who needs to create or explain moving visuals.
7 repositories · updated October 3, 2026
Inscribed: Create Stop Motion Animations and Slides with Excalidraw
Inscribed is an innovative, slide-based tool for creating stop motion animations and engaging presentations. It leverages Excalidraw to provide an interactive drawing canvas, supporting features like image import, Google Fonts, and GIF export. This versatile tool is perfect for visual storytelling and dynamic slide creation.
motion: Animate Interfaces with JavaScript, React, and Vue
Motion is an animation library for JavaScript, React, and Vue. It provides a shared toolkit for gestures, spring animations, layout transitions, and scroll-linked effects, for projects that need interactive motion without building an animation system from scratch.
animate.css: Effortless CSS Animations for Your Web Projects
animate.css is a highly popular, cross-browser library offering a wide array of ready-to-use CSS animations. It simplifies adding dynamic visual effects to web elements with minimal effort, making web development more engaging. This library is celebrated for its ease of integration and extensive collection of animation styles.
Theatre.js: Motion Design Editor for High-Fidelity Web Animations
Theatre.js is a powerful animation library and motion design editor for the web, enabling the creation of high-fidelity and intricate motion graphics. It offers both programmatic and visual approaches to design detailed animations for 3D objects, HTML/SVG elements, and generative art. This tool is ideal for developers and designers looking to achieve nuanced and expressive web animations.
Motion-Primitives: Build Beautiful, Animated UI Interfaces Faster
Motion-Primitives is an open-source UI kit designed to help developers and designers create beautiful, animated interfaces with speed and ease. It leverages Framer Motion and Tailwind CSS to provide a collection of customizable components. This project aims to simplify the development of engaging user experiences with pre-built motion primitives.
Fancy: Animated React Components for Engaging UIs
Fancy is an open-source library offering a growing collection of animated React components and microinteractions. It aims to make web interfaces more engaging and fun for users. Built with TypeScript and leveraging Framer Motion, Fancy provides ready-to-use UI elements for modern web development.
3b1b/videos: Exploring the Code Behind 3Blue1Brown's Math Animations
The 3b1b/videos repository hosts the Python code used to generate the captivating mathematical animations featured in 3Blue1Brown's educational videos. Primarily utilizing the Manim library, this project offers a unique insight into the creation process of complex visual explanations. It serves as an invaluable resource for those interested in mathematical visualization and the Manim animation engine.