Open Source JavaScript Animation Software - Page 2
Sort By:
JavaScript Animation Software
View 100 business solutionsBrowse free open source JavaScript Animation Software and projects below. Use the toggles on the left to filter open source JavaScript Animation Software by OS, license, language, programming language, and project status.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
React Flight
The best way to build animation compositions for React
React Flight is a JavaScript library for UIs built with React that allows you to compose animations and transitions via “flights” where you design a start component, an end component, and the tool handles animating between them. It’s pitched as the “best way to build animation compositions for React” and is inspired by tools such as Principle in the mobile design world. The developer experience emphasises framing: you place elements into Flight.Frame containers, specify key-frames (start and end states), and then trigger animations via APIs (play(), reset()). It supports interactive previewing of frames (via showFrames mode), and integrates (at least at the time) with jQuery/Velocity under the hood (though future versions may remove the jQuery dependency). It’s well-suited for teams creating rich UI transitions, micro-animations and interactive components in React applications. -
2
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 rest. This way, you don't have to worry about petty situations such as interrupted animation behavior. It also greatly simplifies the API. It's normal not to feel how stiffness and damping affect your spring; use Spring Parameters Chooser to get a feeling. -
3
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
4
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 without adopting a large framework. Because it centralizes timing, it becomes easier to coordinate multiple animated elements or throttle work on low-power devices. For creative coding, micro-games, and UI flourishes, it offers just enough structure to keep animation code tidy. -
Veeam Data Platform v13.1Try Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
5
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 interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution. -
6
Fire Animation
JavaScript fire animation in HTML
Fire Animation in JavaScript code inserted in HTML using gradient. ~80 lines code, 2 functions, run onload. fascinating fact, LLM (AI) Local or free online, is not able to make some like this, just fly orange or green balls (2026). I tested All to size 122B and all free online. PS: I found out that CPU only and Safari (MacOS) cannot handle this old style, so I made a modified version (_safari_optimized) that works with a texture. -
7
A cross browser set of client side web components implemented with JavaScript and CSS.
-
8
jsDock
JavaScript menu similar to ObjectDock MacOs
Menu ObjectDock in your webPage, Create a menu similar to macos menu in browser, wrote in javascript, Html, and Css. moved to github as meteor package -
9
MilkDrop Anywhere
A remote control MilkDrop2 plugin for Windows
Allows you to easily remote control MilkDrop2 VJ Console in Winamp (Windows only) via graphic interface from any browser (via tablet or cellphone perhaps). You must have Apache2 (or any webserver) with PHP 5.4+ running on the same computer Winamp is running on and some basic knowledge of how that all works. Once you've got everything set up and running, it should run near flawlessly (I was using it for a few hours continuously once with no hiccups) There's a readme.txt file inside the zip file with some basic instructions. Check out the Wiki or Discussion tab for up to date instructions, info, and more... If anyone actually uses this, please let me know in the Discussion tab - I don't know if the interest would be that high this day and age but you never know... If you're a programmer, you could tweak this program as a template to remotely control anything you want (just give me some credit, I wrote it from scratch) Not a 100% easy setup, but anyone can do it! -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
10
This is a visual simulation of an Aircraft Landing. The Aircraft is at an initial altitude and velocity. As it moves forward, its altitude decreases automatically while the background scenery changes as it moves. It makes a smooth landing on a runway. This visual simulation was made using Javascript/HTML.
-
11
Animatable
One property, two values, endless possiblities
Animatable is an interactive web gallery that demonstrates which CSS properties can transition between two values. Each tile represents one property and continuously alternates between a defined starting and ending state. Visitors can animate every example at once or trigger individual demonstrations by hovering. Selecting a tile reveals the property name, both values, authorship information, and controls for moving to adjacent examples. Keyboard navigation supports Escape and the arrow keys for faster exploration. The page generates its keyframes dynamically with JavaScript and applies compatibility fixes through StyleFix. It serves as a visual reference and experimental showcase rather than a general-purpose animation library. -
12
Animate Plus
A+ animation module for the modern web
Animate Plus is a compact JavaScript animation library designed for high performance and flexible authoring in modern browsers. It weighs less than 3 KB when minified and compressed and targets smooth 60 FPS animation where possible. The library can animate numeric HTML and SVG properties, including transforms, dimensions, coordinates, opacity, and hexadecimal colors. Animation values, delays, and durations can be calculated independently for each element through callback functions. Every animation returns a native Promise, making sequences easy to coordinate with chaining, Promise utilities, or async and await. Additional utilities can stop running animations or create promise-based delays. Animate Plus is distributed as an ES2015 module and is particularly suited to lightweight responsive interfaces and mobile web experiences. -
13
Chalk Animation
Colorful animations in terminal output
A Node.js library that provides animated text effects in the terminal using the Chalk library for styling. -
14
Christmas Tree
Just a simple Christmas tree, based on reddit story
atree is a lightweight JavaScript library for managing and visualizing hierarchical tree data structures in a flexible and efficient way. It offers core abstractions for creating nodes, building parent–child relationships, and traversing trees with utilities for depth, breadth, and custom iteration strategies. Because tree structures are ubiquitous in computing—from file systems and organizational charts to DOM structures and evolutionary taxonomies—atree provides a reusable foundation for representing and interacting with nested data. It separates the logical model from rendering concerns, so you can use it as the data backbone in UI frameworks, graphs, or custom visual components. The library’s API makes it easy to add, remove, or move nodes anywhere in the hierarchy while maintaining consistent references and performance. -
15
Javascript animation authoring environment. A WYSIWYG cross-platform desktop application using jQuery to animate XHTML and HTML elements. Its built in XUL.
-
16
A web based flash authoring tool, based on ajax animator and OnlyPaths , with new server model and different enhancements plus the support of collaborative editing
-
17
Loaders.css
Delightful, performance-focused pure css loading animations
loaders.css is a collection of pure CSS loading animations designed to drop into any web project without JavaScript or image assets. Each loader is built from simple HTML elements animated with CSS keyframes, transforms, and opacity to create spinners, pulses, bars, and geometric patterns. Because they’re vector-based and CSS-driven, the animations scale cleanly at any resolution and look sharp on high-DPI displays. The library emphasizes small, reusable snippets: you copy a minimal markup block, apply the provided class, and tweak size or color through CSS variables or overrides. Animations are crafted to be smooth and performant, relying on GPU-friendly properties to keep frame rates high even on mobile devices. The set covers common loading metaphors (pulsing dots, rotating squares, bouncing bars), giving designers a consistent visual language across a site while keeping bundle size tiny. -
18
Pixel Art to CSS
Pixel art animation and drawing web app powered by React
Pixel Art to CSS is an online editor that helps you with that task. Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify animation settings, and save or load your projects, among others. -
19
ScrollReveal
Animate elements as they scroll into view
ScrollReveal is a JavaScript library for animating HTML elements as they enter the browser viewport. Developers initialize a shared ScrollReveal instance and use its reveal method to target elements with CSS selectors. The library is designed to make scroll-triggered entrance effects easy to add without building custom visibility logic. It can be loaded directly in a browser or installed through npm. Both CommonJS and ES module import styles are supported for integration with modern development workflows. The project focuses on lightweight, reusable reveal behavior that can be applied across many page elements and layouts. -
20
Shreenathji 1.3
This application helps Thakurji ShreeNathji devotees to have darshan.
ShreeNathji Darshan Application This application helps Thakurji ShreeNathji devotees to have darshan while they are on move. Following are salient features: - Govardhan Leela by Shree Krishna - Apperance of Alokik Bhuja - Ghumar cow feeding Shreeji - Shreeji appering at Naro's house - ShreeNathji - Vallabhacharaya Bhent - KrishnRadha Merging in to ShreeNathji - Mangla Darshan - Shringar Darshan More Darshans coming soon in future updates.. Note : Our intention is, to provide this application for Senior Citizens and all bhakt who cannot reach ShriNathji Nathdwara ShreeNathji - Merged Form of KrishnRadha Shreenathji is Two in One. One half Krishn, the other Radha. Totally merged Energies, Urja's of KrishnRadha is the Form of Shreenathji. The Swarup (Idol) of ShreeNathji, as it is established in Nathdwara today, originally appeared in the Holy Braj Bhumi Vrindavan Dham at Mathura; from within the sacred hill of Shri Govardhan. -
21
Textillate.js
A jquery plugin for CSS3 text animations
Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unique effects. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries. -
22
bubbly-bg
Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped)
Bubbly-bg is a lightweight JavaScript library for creating animated bubble backgrounds on web pages. It renders the effect on an HTML canvas and can automatically create and position that canvas behind page content. Developers can control background colors or gradients, bubble count, size, fill, direction, speed, shadows, and strokes. Animation can be enabled or disabled, and a custom canvas can be supplied when needed. The library has no dependencies and includes TypeScript definitions. It can be installed through npm, loaded from a CDN, or downloaded directly for simple integration. -
23
jQuery DrawSVG
Lightweight, simple to use jQuery plugin to animate SVG paths
Lightweight, simple-to-use jQuery plugin to animate SVG paths. This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. -
24
jqueryrotate
Plugin to rotate images by any angle cross-browse with animation
jQueryRotate, a plugin to rotate images by any angle cross-browse with animation support. This project allows you to simply rotate images by any degree. It uses CSS3 where applicable and falls back to a CANVAS (old Firefox, some less-known browsers) or VML (IE6) solution where possible. It also gives a simple interface to animate rotation. Keep in mind that the primary usage of this plugin is to only rotate "IMG" elements, however the experimental version of the plugin (ver.3) also rotates other elements (yet does not support so many older browsers). -
25
jsgif
Save a HTML5 Canvas to GIF and Animations
jsgif is a pure JavaScript library for encoding still or animated GIF files from HTML5 graphics. It is a JavaScript port of the GIFEncoder portion of the earlier as3gif project. Developers can feed the encoder an HTML canvas context or raw image-data-style pixel arrays. Animated output can be configured with custom frame delays and repeat counts. Encoded data can be converted to Base64 for inline display, transferred to a server, or saved directly as a GIF file. The implementation includes GIF encoding, LZW compression, NeuQuant color quantization, and helper utilities needed to generate GIFs entirely on the client side.
