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 animateSmooth scrolling, rotation, pull to refresh and any motion for the web. This content is released under the MIT License.
touch scrolling scroll transform transformations motion transformjs css3transform smoothA Sass library for creating CSS transitions and animations from your friends at ZURB. Originally integrated into Foundation for Apps, the code is now a standalone library, soon to be used by Foundation for Sites and Foundation for Apps. View live demos on the ZURB Playground.
sass motionThe Framework for Internal Navigation and Discovery (FIND) is like indoor GPS for your house or business, using only a simple smartphone or laptop. This version, 3.X, is a complete re-write of the previous versions 2.x.
motion gps-tracking indoor-positioning wifi bluetooth location-servicesBecause it's insanely easy to use and makes beautiful animations, that's why. There are other physics-based animation systems out there (e.g. UIKit's spring animations, Facebook's Pop), but they still require writing too much code, bookkeeping, and hand-holding for our taste. YapAnimator represents a distilled n-th iteration of code that we've been using in our own apps for years. We find it invaluable in our day-to-day and think that you will too. YapAnimator comes with a handy extension bolted on to CALayer and UIView/NSView, providing one-liner animations under the animatedLayer and animated properties, respectively.
ios animation physics-simulation motion design macosx macJump to any location specified by two characters. Sneak is a powerful, reliable, yet minimal motion plugin for Vim. It works with multiple lines, operators (including repeat . and surround), motion-repeat (; and ,), keymaps, visual mode, multibyte text, and macros.
vim neovim nvim plugin motion navigation vimlSimple libraries for delightful interfaces.
tween motion physics animation svg css javascript-motion-engine popmotionAnimation specification and components of Ant Design. Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications.
react motion animation motion-design design react-motion react-animate react-componentA motion-driven animation framework for Android. backboard is a framework on top of rebound that makes it easier to use by coupling it to views and motions.
motion animation android android-libraryA set of simple, spring-physics based primitives (as in building blocks) that should cover most of your UI related animation needs once plain CSS can't cope any longer. Forget easings, durations, timeouts and so on as you fluidly move data from one state to another. This isn't meant to solve each and every problem but rather to give you tools flexible enough to confidently cast ideas into moving interfaces. react-spring is a cooked down fork of Christopher Chedeau's animated (which is used in react-native by default). It is trying to bridge it with Cheng Lou's react-motion. Although both are similarily spring-physics based they are still polar opposites.
react motion animated animation springWorking hard on APIs, tutorials and website. Follow @legomushroom for updates. Star to show your interest.
animation motion motion-graphics tools effectsAnimate 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 transitionsAnimate a counter from 0 to 10. For more advanced usage, see below. Works with React-Native v0.18+.
react component react-component transitiongroup spring tween motion animation transition uiWe need to specify source and destination for shared element. This library then will move the shared element from source position to destination position. This repo is still under reconstruction. Will be improved.
animation react-native ux motion ui ios androidMotionBook will show below libraries with examples. You can search and bookmark whatever you want. Also, MotionBook will automatically refresh according to below datas. Appstore intro support English, Korean, Chinease.
motion animation ui ux-animation-book💎 The powerful Sass library for creating CSS transitions and animations. Originally integrated into Foundation for Apps, the code is now a standalone library, used by Foundation for Sites and Foundation for Apps. Made by your friends at ZURB. Install Motion UI with npm or Bower.
sass motionreact-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough to confidently cast your ideas into moving interfaces. This library represents a modern approach to animation. It is very much inspired by Christopher Chedeau's animated and Cheng Lou's react-motion. It inherits animated's powerful interpolations and performance, as well as react-motion's ease of use. But while animated is mostly imperative and react-motion mostly declarative, react-spring bridges both. You will be surprised how easy static data is cast into motion with small, explicit utility functions that don't necessarily affect how you form your views.
react animation-library springs react-spring spring-physics animated animation hooks motion react-native spring typescript velocityA simple CLI for running Javascript projects.🙇 Thank you everyone who used Motion in their projects. Motion will continue development in it's new home.
react cli motion hot-reloads bootstrapA Brilliant Animator. Morpheus lets you "tween anything" in parallel on multiple elements; from colors to integers of any unit (px, em, %, etc), with easing transitions and bezier curves, including CSS3 transforms (roate, scale, skew, & translate) -- all in a single high-performant loop utilizing the CPU-friendly requestAnimationFrame standard.
ender animation motion css colors morph tween curve bezier transform skew rotate
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.