Search Results for "animate"
Sort By:
Showing 23 open source projects for "animate"
View related business solutions-
Stop Storing Third-Party Tokens in Your DatabaseRolling your own OAuth token storage can be a security liability. Token Vault securely stores access and refresh tokens from federated providers and handles exchange and renewal automatically. Connected accounts, refresh exchange, and privileged worker flows included.
-
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.
-
1
jQuery-Marquee with CSS3 Support
jQuery plugin to scroll the text like the old traditional marquee
A ~2KB MINIFIED + GZIPPED (minified) jQuery plugin to scroll the text like the old traditional marquee. -
2
anime.js
JavaScript animation engine
...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. It supports some of the latest browsers, and offers plenty of examples and demonstrations to get you animating in no time. Animate everything you want simply and easily with anime.js. -
3
glsl-sandbox
Shader editor and gallery
...It provides a minimal editor and a fullscreen WebGL viewport so your shader takes center stage, making it perfect for learning, live-coding, and showcasing visual experiments. The environment injects a small set of uniforms—time, resolution, mouse—so you can animate and interact without boilerplate. A public gallery lets creators browse, fork, and remix shaders, turning the site into a collaborative learning hub. Because everything runs client-side, iteration is fast and portable—just load the page and start typing. It has become a staple tool in the creative-coding community, lowering the barrier to entry for shader art and GPU programming. -
4
ngraph.path
Path finding in a graph
...The library includes several algorithm implementations such as A*, Dijkstra’s, and breadth-first search, each suited to different types of graph structure and performance needs. It can be integrated with visualization libraries like VivaGraphJS to animate or highlight computed paths in a rendered graph, enabling interactive routing features. Its data structures and algorithm choices are optimized for performance and memory efficiency, so even large meshes or road networks can be navigated interactively. With its standalone design, ngraph.path can be used in browser apps, server-side Node.js services. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
ScrollMagic
The javascript library for magical scroll interactions
ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek. A plugin-based architecture offers easy customizability and extendability. 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). ... -
6
vue-content-loader
SVG component to create placeholder loading
...The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. Because it renders as vector graphics, the output is crisp on all screens and cheap to animate. It’s easy to theme and reuse across a design system, keeping loading states consistent throughout a product. Teams use it to polish UX, align with brand motion, and signal progress without resorting to spinners that provide no structural hint of the incoming content. -
7
Vivus.js
JavaScript library to make drawing animation on SVG
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. 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. -
8
lax.js
Library to create smooth & beautiful animations when you scroll
...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. If you're using a library like React, Vue or EmberJS, it is likely that you are adding elements after the initial window.onload. Because of this you will need to call lax.addElements when you add components to the DOM that you want to animate. -
9
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... -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
Phaser 3 UI Components
Phaser 3 UI Components built by Adobe Animate
Phaser UI Comps is a plugin for Phaser 3 that enables developers to design user interface components using Adobe Animate and export them for use in Phaser games. It streamlines the process of creating interactive UI elements by leveraging JSON and texture atlases generated from Animate. -
11
Ant Motion
Animate specification and components of Ant Design
...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 elements, so that the product can better talk to the user. -
12
DOMtastic
Small, fast, and modular DOM and event library for modern browsers
Small, fast, and modular DOM and event library for modern browsers. Same familiar API as jQuery (but without the extra "weight" of modules like $.ajax, $.animate, and $.Deferred). Dependency-free. Weighs in at only 1KB to 12KB (minified), depending on the included modules. The full bundle is about 4KB gzipped. DOMtastic also serves as a starting point for your own application-specific DOM API (read more). Rollup and babel are used to create a UMD bundle (supporting AMD, CommonJS, and fallback to browser global). -
13
pretty-checkbox.css
A pure CSS library to beautify checkbox and radio buttons
...You need to add an appropriate font icon library in your application. Adding svg icon is very similar to adding font icons. Add class p-svg to .pretty and svg to <svg> tag or <img> tag ( if svg file url is used as img source ). To animate, add class p-smooth or p-jelly or p-tada or p-rotate or p-pulse to .pretty. -
14
EaselJS
Work with the HTML5 Canvas element easily
...Useful for creating games, generative art, and other highly graphical experiences. EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas. It provides an API that is familiar to Adobe Animate developers, but embraces JavaScript sensibilities. It consists of a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier. Added drawPolygon(), pg() and Polygon() Added commands for drawing a polygon from an array of point arrays [[x,y],[x,y],etc] with tiny API of pg as dp is already taken for polystar. -
15
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). -
16
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. -
17
ProgressBar.js
Responsive and slick progress bars
...ProgressBar.js is lightweight, MIT licensed and supports all major browsers including IE9+. A simple code example of creating a Line shaped progress bar and animating it from 0% to 100%. ProgressBar.js uses shifty tweening library to animate path drawing. So in other words, animation is done with JavaScript using requestAnimationFrame. Animating with JS gives more control over the animation and is supported across major browsers. For example IE does not support animating SVG properties with CSS transitions. -
18
HTML GL
Get as many FPS as you need and amazing effects by rendering HTML/CSS
...Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. These GPU accelerated textures are very effective from resources consuming perspective and are very cheap to transform or animate. Include HTMLGL.js into the project. Elements will be rendered in WebGL and their CSS Transform properties will be mapped to WebGL representation transformations. So DOM node itself will not be animated or displayed in order to avoid resource consumption. -
19
DragonBones Runtime
DragonBones TypeScript / JavaScript Runtime
DragonBonesJS is a runtime for the DragonBones 2D skeletal animation system, allowing developers to load and animate character rigs in JavaScript-based game engines like PixiJS and Egret. -
20
jQuery Transit
Super-smooth CSS3 transformations and transitions for jQuery
jQuery Transit is a classic jQuery plugin that brought ergonomic, chainable CSS3 transitions and transforms to web apps before modern animation APIs were commonplace. It exposes a simple .transition() method so you can animate transforms, opacity, colors, and other CSS properties with minimal code. Under the hood, it leans on GPU-accelerated CSS transforms where available, falling back gracefully, which made complex motion feel smooth even on modest devices. The plugin abstracts away vendor prefixes and browser quirks from an era with inconsistent CSS3 support, letting teams focus on intent instead of compatibility. ... -
21
HTML5 canvas chart library (javascript) . Display and animate charts & graph in HTML5 Canvas. Signal,pie,ring,led,digital,odometer, radial and lineal meters, thermometer and vumeter,piramid,funnel,stack and Multiserie charts availables
-
22
Raken, web service controller, is based on JSON as a data definition language. it utilizes simple protocol, optional asynchronous interaction, recovery, localization, security, caching, batch, and multi-part messaging.
-
23
Javascript animation authoring environment. A WYSIWYG cross-platform desktop application using jQuery to animate XHTML and HTML elements. Its built in XUL.
- Previous
- You're on page 1
- Next
