TweenJS is a simple tweening library for use in Javascript. It was developed to integrate well with the EaselJS library, but is not dependent on or specific to it (though it uses the same Ticker and Event classes by default). It supports tweening of both numeric object properties & CSS style properties.The API is simple but very powerful, making it easy to create complex tweens by chaining commands.
createjs tweenjs gskinner html5 tween motion ease animateDelightful and performance-focused pure css loading animations. A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.
css loaders animation animateI loved the animations for the polygon ps4 review a few months back and decided to create a small library to re-create them (simple demo). It supports path, line and polyline elements.
svg animateAnimate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and weighs less than 3 KB (minified and compressed), making it particularly well-suited for mobile. Determines the DOM elements to animate. You can either pass it a CSS selector or DOM elements.
animation css svg motion design animateBeautiful, data-driven animations for React. React-move allows you to define your animations using durations, delays and ease functions. In react-motion you use spring configurations to define your animations.
react animation motion movement move easing interpolation animate transition-animation react-move resonance d3 svg charts graphs transitionsWhatsApp, Tumblr, Windows, Samsung, Uber, and thousands of other companies rely on Velocity. Visit Libscore.com to see which sites use Velocity on their homepage. Please note that JSDelivr can automatically supply the latest release, while CloudFlare needs to ask for a specific version.
velocity animation animate ui velocity.js velocityjsjquery.transform2d.js adds 2d transform capabilities to jQuery css() and animate() functions. *matrix gives you more control about the resulting transformation, using a matrix construction set. When using it in animations however, it makes it impossible to predict how the current and target transformations are going to be interpolated; there is no way to tell whether elements are going to rotate clockwise or anti-clockwise for instance.
dom animate transform 2d 3d css3 csshooksThis 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. Look at the demos for more advanced usages.
svg svg-animations animation jquery-plugin animate path ecosystem:jqueryThis is a port of Dan Eden's Animate.css for SASS. Yes, there are plenty of other ports of this library. Many of them aren't very active projects and, honestly, I was just a little too lazy to submit my changes to those repositories.
animate.scss animate.css animateAnimate React Component easily. rc-animate is released under the MIT license.
react react-component react-animate animateKotlin, please, can you animate my views ?
kotlin animate view animation animator interpolator duration design materialThe goal is to make a library of animation components that allows programmers to easily animate their models.
xna animation animate bdownload elapsedtime enginebPopup is a lightweight jQuery modal popup plugin (only 1.34KB gzipped). It doesn't create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.
jquery-plugin popup popin modal window options ui fade transition animation animate jqueryThe component wraps your SVG and animates the stroke-dashoffset property on every path element within. To accomplish this, it injects a style tag with a generated string of CSS. For a description of the technique, see this article. Require MtSvgLines into your component (you can import it under any name)...
svg css-animations reactjs tween higher-order-component stroke path react-component react animate line
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.