Schwifty

Animation library for creating and orchestrating tween animations. Based on top of CSS animations, with user API inpired by GSAP library.

Code Example

Schwifty.to(document.querySelector('.element'), 1, { left: 200, top: '10%', ease: 'easeOutElastic', delay: 0});

Showcase

Load testing performance, General code examples and use cases

Things to implement

1. support for more properties animations All CSS animated properties
2. pause support
3. support for combinig previous animation with new added one
4. handle for element removal
5. add support for pseudo elements
6. add support for easing functions - (elastic requires initial value)
7. width/height/left/right/top/bottom/etc needs starting value
8. add support for incremental values - x:'-=50'
9. add support for calc value
10. flatten floating point values
11. optimize elastic resampling for stagger
12. stop stagger
13. on stagger with simillar values create joined class rule
14. will-change improves dramatically - should add on animation