Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/just-animate/just-animate

Making Animation Simple
https://github.com/just-animate/just-animate

animation animation-controller css-variables easings multiple-animations svg-animations timeline transitions typescript waapi web-animation

Last synced: 3 months ago
JSON representation

Making Animation Simple

Host: GitHub
URL: https://github.com/just-animate/just-animate
Owner: just-animate
Created: 2016-02-19T22:47:31.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2019-03-26T22:04:35.000Z (over 5 years ago)
Last Synced: 2024-03-22T07:23:50.320Z (3 months ago)
Topics: animation, animation-controller, css-variables, easings, multiple-animations, svg-animations, timeline, transitions, typescript, waapi, web-animation
Language: TypeScript
Homepage: https://just-animate.github.io/
Size: 6.96 MB
Stars: 264
Watchers: 9
Forks: 19
Open Issues: 4
Metadata Files:
- Readme: README.md

Lists

awesome-web-animation - Just Animate - Making Animation Simple. (Common)
awesome-github-star - just-animate - animate | 257 | (TypeScript)

README

        # Just Animate 2

_Making Animation Simple_

[![npm version](https://badge.fury.io/js/just-animate.svg)](https://badge.fury.io/js/just-animate) [![Build Status](https://travis-ci.org/just-animate/just-animate.svg?branch=master)](https://travis-ci.org/just-animate/just-animate) [![Downloads](https://img.shields.io/npm/dm/just-animate.svg)](https://www.npmjs.com/package/just-animate)

## Main Features

- Animate a group of things as easily as a single thing

- Staggering and delays

- Chainable sequencing

- Full timeline control \(reverse, pause, cancel, playbackRate, and seek\)

- Extendable timeline designed to make it simple to use multiple animation engines

- Built-in tween engine that works with CSS Variables and regular objects alike

- Plugin for Web Animation API

- Alternate and repeat a complex series of animations (yo-yo)

> This project is powered by your stars [so ^ star it please](https://github.com/just-animate/just-animate/stargazers).

## Getting Started

- Read the documentation on [just-animate.com](https://just-animate.github.io/basic-usage/)

- Try a live demo of it on CodePen: [Rubber band ball demo](https://codepen.io/notoriousb1t/pen/vJJEdo/?editors=0110)

- See what other people have build here: [Just Animate 2 Demos](https://codepen.io/collection/XdNGNb/)

## Need help or have ideas?

Join the #just-animate channel on the [Animation at Work](https://damp-lake-50659.herokuapp.com/) slack, tweet [@notoriousb1t](https://twitter.com/notoriousb1t) on Twitter, or [create an issue on GitHub](https://github.com/just-animate/just-animate/issues).

## License

Just Animate is licensed under the MIT license. \([http://opensource.org/licenses/MIT](http://opensource.org/licenses/MIT)\)

## How can I contribute?

- Make awesome things with Just Animate and send me the link!

- Create an issue or PR on GitHub

- Help with this documentation and code examples