Search Results for "animation"
Sort By:
Showing 33 open source projects for "animation"
View related business solutions-
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.
-
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.
-
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
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. -
3
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... -
4
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. -
Earn up to 16% annual interest with Nexo.Put idle assets to work with competitive interest rates, borrow without selling, and trade with precision. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
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. -
6
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. ... -
7
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. -
8
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. -
9
React Native Vector Icons
Customizable Icons for React Native with full styling
Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the... -
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
10
SiriWave
The Apple® Siri wave-form replicated in a JS library
...To learn more about the project, read the blog post, and check the demo or code pen. Import the UMD package via the unpkg CDN and it's ready to use. Create a div container and instantiate a new SiriWave object. Stop the animation and destroy the canvas, by removing it from the DOM. Subsequent start() calls on this SiriWave instance will fail with an exception. -
11
Closure Library
Google's common JavaScript library
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic and is intended for use with the Closure Compiler. The Closure Library serves as the base JavaScript library for many Google products. Now that the Closure Library is open source, more and more developers outside Google are integrating the library in their own projects. ... -
12
Leaflet
Open-source JavaScript library for mobile-friendly interactive maps
Leaflet is a leading open source JavaScript library for creating interactive, mobile-friendly maps. Leaflet is light at just about 38 KB, but is already fully equipped with all the mapping features you could need. Leaflet is simple but efficient. It doesn’t try to do everything for everybody, rather it focuses on making the basic things work perfectly. It comes ready with exceptional layering tools, customization features such as pure CSS3 popups and controls, map controls and more right... -
13
Introduction to Vue.js 3 Course
Workshop Materials for my Introduction to Vue.js Workshop
...Since the course was updated for Vue 3, the repo includes directories for both Vue 2 and Vue 3 resources, enabling learners to explore both versions depending on their work context. Also included are build setups (Vue CLI, Nuxt) and additional sections on animation and advanced topics like custom directives, making it a full learning path rather than just a quick tutorial. The README lists slide sets, exercise folders, solution folders and recommended tooling so that learners can clone the repo and follow along in their own time. -
14
Vivus.js
JavaScript library to make drawing animation on SVG
...There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name `sync`. Each path element is drawn one after the other. This animation gives the best impression of live drawing. To give more freedom, it's possible to override the animation of each path and/or the entire SVG. It works a bit like the CSS animation timing function. ... -
15
lax.js
Library to create smooth & beautiful animations when you scroll
...Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. Multiple presets can be chained together and they can be customised to suit your needs. Use the preset explorer to explore effects and see a simple example here. To increase performance, lax.js indexes the list of elements to animate when the page loads. ... -
16
cube-ui
Mobile UI library implement by Vue
...From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient. Lightweight and flexible, support post-compile and importing on demand; High scalability, it is easy to implement secondary development based on existing components. ... -
17
Raphaël
JavaScript vector library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to... -
18
Swing
A swipeable cards interface
...The library allows developers to build interfaces where elements can be swiped left, right, or in other directions, triggering specific actions. It is highly customizable, enabling control over thresholds, directions, and animation behavior. Swing is lightweight and framework-agnostic, making it easy to integrate into different web projects without heavy dependencies. It is commonly used for building interactive UI components such as recommendation systems or decision-based interfaces. Overall, swing offers a simple yet powerful way to implement gesture-driven interactions in web applications. -
19
epic-spinners
Easy to use CSS spinners collection with Vue.js integration
...View demo to see vue.js components usage examples and HTML/CSS source code. To use pure HTML/CSS version, visit our gallery and click any spinner to see its HTML/CSS source code. You can easily configure spinners' size, color, and animation speed. -
20
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial... -
21
NOTY
NOTY is a dependency-free notification library
NOTY is a notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. There are lots of other options in the API to customize the text, animation, buttons, and much more. It also has various callbacks for the buttons, opening closing the notifications, and queue control. Dependency-free notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative to the standard alert dialog. -
22
vue-countTo
It's a vue component that will count to a target number
Vue-countTo is a lightweight, dependency-free Vue component that smoothly animates numbers from a start value to an end value over a specified duration. It automatically detects whether to count up or down based on the given values. The component exposes props for timing, easing, and dynamic updates so you can adjust targets on the fly. Because it’s SSR-friendly, it can be used in universal apps without breaking server rendering. A live demo showcases common use cases like incremental... -
23
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
24
jquery-animateNumber
jQuery animate number
jQuery numbers animation plugin, adds 'number' property and step function to jQuery's animate function properties. Requires jQuery 1.7.0 or higher (latest tested with 3.3.1). -
25
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.
