A show about the latest in tech tools, tips, and tricks on Tuesdays at 2

Chris Dhanaraj

Toolsday

This week we learn about animation in UI: basics, libraries, performance considerations, and more with Sarah Drasner



This week we learn about animation in UI: basics, libraries, performance considerations, and more with Sarah Drasner

### Sarah Drasner

- [Twitter](https://twitter.com/sarah_edo)
- [Web Animation Workshops](https://webanimationworkshops.com/)
- [Codepen](http://codepen.io/sdras/)
- [CSS Tricks](https://css-tricks.com/author/sdrasner/)

### Native Javascript

- [Web Animation API](https://developer.mozilla.org/en-US/docs/Web/API/Animation)

### Animation Libraries

- [GSAP](https://greensock.com/gsap)
- [Mo.js](http://mojs.io/)
- [React Motion](https://github.com/chenglou/react-motion)
- [Velocity.js](http://julian.com/research/velocity/)

### Demos

- [React Motion Demo](https://codepen.io/sdras/full/pyedJE/)
- [Spring Parameters Chooser](http://chenglou.github.io/react-motion/demos/demo5-spring-parameters-chooser/)

### Other

- [Snap.svg](http://snapsvg.io/)

Una

@una

Chris Dhanaraj

@chrisdhanaraj

Toolsday · December 20, 2016

Animation Tools with Sarah

Sarah Drasner

Native Javascript

Animation Libraries

Demos

Other