Search Results for "animation"
Sort By:
Showing 143 open source projects for "animation"
View related business solutions-
Data management solutions for confident marketingVerify, deduplicate, manipulate, and assign records automatically to keep your CRM data accurate, complete, and ready for business.
-
Failed Payment Recovery for Subscription BusinessesFlexPay’s innovative platform uses multiple technologies to achieve the highest number of retained customers, resulting in reduced involuntary churn, longer life span after recovery, and higher revenue. Leading brands like LegalZoom, Hooked on Phonics, and ClinicSense trust FlexPay to recover failed payments, reduce churn, and increase customer lifetime value.
-
1
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. -
2
Vizzu
Library for animated data visualizations and data stories
...It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation. Create a placeholder element that will contain the rendered chart. The Vizzu constructor has to load Vizzu's WebAssembly module asynchronously to prevent blocking the whole page. Because of this, any method except animate() will throw an exception while the library is not initialized. There is an initializing promise in the Vizzu class, which will resolve when initialization is finished. ... -
3
three.js
JavaScript 3D library
three.js is a lightweight and easy-to-use JavaScript 3D library with its own default WebGL renderer. It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. A plethora of examples can be found in the project’s... -
4
two.js
A renderer agnostic two-dimensional drawing api for the web
...It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you make the object you can apply any number of operations to it. Two.js has a built in animation loop. It is simple in nature and can be automated or paired with another animation library. ... -
Agentic AI SRE built for Engineering and DevOps teams.NeuBird AI's agentic AI SRE delivers autonomous incident resolution, helping team cut MTTR up to 90% and reclaim engineering hours lost to troubleshooting.
-
5
iCSS
More than CSS
iCSS is a large curated repository of advanced CSS techniques, creative experiments, and deep dives into modern web animation and styling capabilities. Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. -
6
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... -
7
Typed.js
A JavaScript typing animation library
Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set. Rather than using the strings array to insert strings, you can place an HTML div on the page and read from it. This allows bots and search engines, as well as users with JavaScript disabled, to see your text on the page. You can pause in the middle of a string for a given amount of time by including an... -
8
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. -
9
frame.js
JavaScript Sequence Editor
...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. -
Award-Winning Medical Office Software Designed for Your SpecialtyRXNT is an ambulatory healthcare technology pioneer that empowers medical practices and healthcare organizations to succeed and scale through innovative, data-backed, AI-powered software.
-
10
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
11
Hypackel Engine
JavaScript-based game engine designed to empower developers
...It focuses on accessibility by offering a lightweight and easy-to-integrate script that developers can import directly into web-based projects. The engine includes built-in systems for handling physics, collisions, rendering, and animation, allowing developers to focus more on gameplay logic rather than low-level implementation details. Its architecture is structured around modular systems like sprites, particles, and audio, which can be controlled through simple function calls and arrays. The project emphasizes simplicity and rapid prototyping, making it suitable for educational purposes or small-scale game development. ... -
12
youtube-background
Simple script for embedding YouTube, Vimeo and HTML5 videos
Simple script for embedding YouTube, Vimeo, and HTML5 videos as cover backgrounds. -
13
SweetAlert2
Beautiful, responsive, highly customizable popup boxes
...It’s got zero dependencies, is compatible with most modern browsers, and offers a wealth of customization options. Your popup boxes can look exactly how you want them with various options for additional content, custom positioning, animation, background, and so much more! SweetAlert2 also supports various input types and offers a range of different themes. Visit their official website, https://sweetalert2.github.io/ to see all these custom features in action! -
14
Pixiv Toolkit
A web extension for Pixiv
Pixiv Tookit is a web extension for Pixiv users. You can download animation, manga, illusions, and novels from Pixiv using this. If you are using Chrome, you can download it from Chrome web store. If you are using Firefox, you can download it from Firefox Add-ons. If you are not using Chrome or Firefox, you can try clone the project to your local machine, and build the extension by yourself. There is a layer with a arrow will appear at the center bottom of the page if the page has available content. ... -
15
Blockbench
Blockbench - A low poly 3D model editor
Blockbench is a free, modern model editor for low-poly and boxy models with pixel art textures. Models can be exported into standardized formats, to be shared, rendered, 3D-printed, or used in game engines. There are also multiple dedicated formats for Minecraft Java and Bedrock Edition with format-specific features. Blockbench features a modern and intuitive UI, plugin support and innovative features. It is the industry standard for creating custom 3D models for the Minecraft Marketplace.... -
16
Pushy jQuery
Pushy is a responsive off-canvas navigation menu using CSS transforms
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on Medium. Pushy has been implemented on many sites, check them out! Feel free to contact me if you use Pushy in one of your websites. Pushy has been featured on the Treehouse Show and in a book. -
17
jQuery
jQuery JavaScript library
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery also supports Node, browser extensions, and other non-browser environments. To build jQuery, you need to have the latest Node.js/npm and git 1.7 or later. ... -
18
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... -
19
jCanvas
A jQuery plugin that makes the HTML5 canvas easy to work with
jCanvas is a jQuery plugin that makes the HTML5 canvas easy to work with. jCanvas is a JavaScript library, written using jQuery and for jQuery, that wraps around the HTML5 canvas API, adding new features and capabilities, many of which are customizable. Capabilities include layers, events, drag-and-drop, animation, and much more. The result is a flexible API wrapped up in a sugary, jQuery-esque syntax that brings power and ease to the HTML5 canvas. -
20
iFrame Resizer
Keep same and cross domain iFrames sized to their content
...Provides a range of page size calculation methods to support complex CSS layouts. Detects changes to the DOM that can cause the page to resize using MutationObserver. Detects events that can cause the page to resize (window resize, CSS animation and transition, orientation change and mouse events). Fixes in page links in iFrame and supports links between the iFrame and parent page. Works with ViewerJS to support PDF and ODF documents. The package contains two minified JavaScript files in the js folder. The first (iframeResizer.min.js) is for the page hosting the iFrames. -
21
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple... -
22
PhotoSwipe
JavaScript framework independent image gallery
PhotoSwipe is the first open-source gallery to support JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work. The gallery’s background will gradually fade out as the user zooms out. When the gesture is complete, the gallery will close. Gesture is added because close button in top right corner might be hard to reach on tall mobile devices while holding in one hand. Images can be changed even when current slide is zoomed. Swiping is... -
23
StoryGen Atelier
AI-assisted storyboard and video generation tool
StoryGen Atelier is an advanced creative tool that blends AI with visual storytelling, making it possible to generate fully structured storyboards and stitched videos from text prompts without requiring manual art or animation skills. Users begin with natural language descriptions of their story or scene, and the system uses state-of-the-art large models to generate both the script and corresponding frames. Once individual frames are created, a second AI model generates transition clips that smoothly link the frames into a coherent short video sequence, and the tool then assembles everything into a finished video using standard video processing tools. ... -
24
Easings.net
Easing Functions Cheat Sheet
Easings .net is a visualization and reference project dedicated to easing functions, which are widely used in animations and transitions to create natural motion. Instead of linear changes, easing functions help define how values accelerate or decelerate over time, resulting in smoother and more dynamic effects. The project provides a clear, interactive showcase of common easing equations such as quadratic, cubic, quartic, and elastic functions. It is a valuable resource for developers and... -
25
ScrollMagic
The javascript library for magical scroll interactions
...Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add callbacks at specific scroll positions or while scrolling past a specific section. Either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). Pin an element starting at a specific scroll position, either indefinitely or for a limited amount of scroll progress (sticky elements). You can add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter.
