Search Results for "motion graphics"
Sort By:
Showing 33 open source projects for "motion graphics"
View related business solutions-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
1
Animated Drawings
Code to accompany "A Method for Animating Children's Drawings"
AnimatedDrawings is a framework that converts user sketches or line drawings into fully animated 2D motion sequences using learned motion priors. The idea is that you draw a simple static figure (stick figure, silhouette, or contour lines), and the system produces plausible skeletal motion (walking, jumping, dancing) that adheres to the drawn shape constraints. The architecture separates shape embedding (to understand user-drawn geometry) from motion embedding / generation (to produce... -
2
SteadyDancer
Harmonized and Coherent Human Image Animation
SteadyDancer is a research-oriented motion stabilization and dancer tracking system designed to analyze and correct motion in videos, making captured performances appear smoother and more stable while preserving expressiveness. It employs computer vision and motion modeling to estimate and reduce unwanted jitters, shakes, or camera wobbles — particularly in dance or movement sequences where traditional smoothing would distort intentional motion. By differentiating between intentional... -
3
PersonaLive
Expressive Portrait Image Animation for Live Streaming
PersonaLive is an open-source diffusion-based portrait animation framework focused on generating expressive, long-duration animated sequences in real time, primarily for live streaming or interactive applications. It leverages deep generative models that condition on a static reference image and a driving input (such as motion or expression cues) to produce a seamless animated portrait sequence that can run indefinitely without segmentation artifacts. The framework prioritizes low-latency... -
4
ImAnim
Animation Engine for Dear ImGui
ImAnim is a lightweight animation engine that brings modern motion capabilities to applications built with the Dear ImGui immediate-mode GUI framework. It lets developers add rich, smooth animations to user interface elements with minimal boilerplate, matching the responsive nature of ImGui without introducing heavy external dependencies. Support for a wide range of easing functions, tweens, and keyframe clips gives fine-grained control over value transitions like position, scale, opacity,... -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
Its Hover
Icons that move with intent
Its Hover is an animated icon library built for real interfaces, where icons respond to interaction with motion that feels intentional rather than decorative. Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling... -
6
Monster Mash
New Sketch-Based Modeling and Animation Tool
Monster Mash is a playful, research-grade 2D-to-3D modeling and animation tool that turns quick pen strokes into lively, deformable characters in seconds. You sketch a silhouette and interior strokes to hint at limbs or structure, then “inflate” the drawing into a volumetric, puppet-like mesh that preserves the feel of the original art. The interface favors immediacy: draw, inflate, pose, and record motion directly in the canvas, without manual rigging, weight painting, or complicated asset... -
7
Lottie-Web
Render After Effects animations natively
Lottie-Web renders vector animations exported from Adobe After Effects as lightweight JSON, playing them in the browser via SVG or Canvas. Animations remain crisp at any resolution, load quickly compared to videos or GIFs, and can be controlled programmatically for interactivity. The runtime supports playback options like loop, autoplay, segment control, and event hooks, making it easy to sync motion with UI state. Because animations are data rather than pixels, designers and developers can... -
8
Hero iOS
Elegant transition library for iOS & tvOS
Hero is a library for building iOS view controller transitions. It provides a declarative layer on top of the UIKit’s cumbersome transition APIs—making custom transitions an easy task for developers. Hero is similar to Keynote’s Magic Move. It checks the heroID property on all source and destination views. Every matched view pair is then automatically transitioned from its old state to its new state. Hero can also construct animations for unmatched views. It is easy to define these... -
9
frame.js
JavaScript Sequence Editor
frame.js is a tiny utility for orchestrating frame-based animations with requestAnimationFrame while keeping code clean and predictable. It abstracts the boilerplate of setting up a render loop, tracking elapsed time, and updating callbacks at the right cadence. By providing a simple lifecycle—start, stop, tick—it encourages separation between state updates and rendering, which is essential for smooth visuals. The library aims to be unobtrusive: you can drop it into demos or prototypes... -
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
react-use
Component for React
Tracks device battery state. Plays audio and exposes its controls. Tracks geo location state of user's device. Triggers callback when user clicks outside target area. Tracks mouse hover state of some element. Display an element or video full-screen. Tracks location hash value. Tracks whether user is being inactive. Tracks an HTML element's intersection. Synthesizes speech from a text string. Tracks page navigation bar location state. Re-renders component, while tweening a number from 0 to 1.... -
11
Friction
powerful and versatile motion graphics application
Friction is a powerful and versatile motion graphics application that allows you to create stunning vector and raster animations for web and video platforms with ease. -
12
FrameShoot
A simple program to create stop-motion animations with your webcam
FrameShoot is a Windows program written in Python to create stop-motion animations with your webcam. Windows binaries and Python sources available. -
13
qStopMotion is a application for creating stop-motion animation movies. The users will be able to create stop-motions from pictures imported from a camera or from the harddrive and export the animation to different video formats such as mpeg or avi.
-
14
Kage Studio Animation Software
A simple multi-platfom 2D Animation Software for all ages!
Kage Studio is a vector-based 2D Animation multi-platform Software for Windows, Mac OS, and Debian/Ubuntu GNU/Linux suitable for beginners, hobbyists, and soon even professionals. Written with GTKmm 3.0, Kage Studio has a clean User Interface. Truly an Animation Software, not an airplane cockpit. Kage Studio can export animation to HTML5 (canvas), PNG sequence, Spritesheet, SVG, video (MP4, MKV, OGV, AVI, MOV), and KonsolScript. -
15
React Transition Group
Perform animations when a React component enters or leaves the DOM
Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier. Since react-transition-group is fairly small, the overhead of including the library in your application is negligible. However,... -
16
CSS Animation 101
Learn how to bring animation to your web projects
CSS Animation 101 is a tutorial resource that teaches the fundamentals of motion on the web using only CSS. It starts with core building blocks—transitions, transforms, and keyframes—and then layers in timing functions, delays, and choreography to create more expressive sequences. The material stresses clarity and maintainability, showing how to structure styles so animations are easy to reason about and adjust. Throughout, examples demonstrate practical use cases like button feedback,... -
17
SmartBody
Character animation system for games and simulations.
SmartBody is available for download for Windows, Linux and OSX users. SmartBody can also be used on Android and iOS platforms. SmartBody is a character animation platform that provides the following capabilities in real time: * Locomotion (walk, jog, run, turn, strafe, jump, etc.) * Steering - avoiding obstacles and moving objects * Object manipulation - reach, grasp, touch , pick up objects * Lip Syncing - characters can speak with simultaneous lip-sync using text-to-speech or... -
18
Pencil2D
Pencil2D is a cross-platform animation/drawing application.
Pencil2D is an animation/drawing application for OSX, Windows and Linux. It lets you create traditional hand-drawn animations (cartoons) using both bitmap and vector graphics. -
19
react-native-scrollable-tab-view
Tabbed navigation that you can swipe between
One of the best navigation patterns on Android. This is a very simple JavaScript-only implementation of it for React Native. Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and... -
20
Ant Motion
Animate specification and components of Ant Design
Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications. Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. With more friendly interaction, let the animate shuttle between different... -
21
Equity10 Version 0.3.7.6 Date 26/03/17 Ogre Models can now be Scaled Rotated and Positioned. Bug Fixes.
-
22
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation... -
23
React-Motion
A spring that solves your counter animation problems
Animate a counter from 0 to 10. Works with React-Native v0.18+. A spring that solves your animation problems. You can develop simple transitions, chat heads, draggable balls, todoMVC list transition, photo gallery, spring parameters chooser, water ripples, and draggable lists. For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the... -
24
Material Motion
A toolkit for building responsive motion using Core Animation
Reactive motion is driven by Core Animation. CocoaPods is a dependency manager for Objective-C and Swift libraries. CocoaPods automates the process of using third-party libraries in your projects. See the Getting Started guide for more information. You will need to add use_frameworks! to your Podfile in order use Material Motion in your swift app. A contextual view can be used to create continuity during transitions between view controllers. In this case study the selected photo is the... -
25
Skinner
Special Effects with Skinned Mesh in Unity
Skinner is a collection of real-time special effects for Unity that use vertices of an animating skinned mesh as emission points. Instead of duplicating mesh data on the CPU, it employs a replacement shader to stream vertex positions into GPU-friendly buffers, conserving memory and CPU cycles. With those GPU-side buffers, Skinner can drive effects like trails, particles, or geometry that react to the underlying skinned animation in sophisticated ways. The approach enables complex, performant...
