Skip to content
Performant gesture-driven animation on the mobile web
JavaScript HTML
Branch: master
Clone or download
Latest commit 889e9d0 Nov 8, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.netlify temp Oct 6, 2019
demos small fixes Oct 28, 2019
public minor updatse Oct 10, 2019
src add back image scale adjustment on drag Oct 29, 2019
.gitignore Initial commit from Create React App Oct 5, 2019
README.md Update README.md Nov 8, 2019
package.json use rematrix Oct 20, 2019
yarn.lock use rematrix Oct 20, 2019

README.md

Mobile First Animation in React

swipeable tabs an animated drawer inspired by the Apple Music app animated grid of images dismissable email list

View this repo as a live demo in CodeSandbox.

React Conf 2019 Talk

This repo contains the source code of the demos for this talk about mobile animation.

The interactive slides for the talk can be found here.

Springs Playground

You can play with the spring demo from the talk here.

Notes:

  • If you find any bugs or UI inconsistencies, please make an issue!
  • These are animation demos and as such they are not production-ready UI code. They are not fully accessible, and don't have desktop variants.
  • Adhering to animation best practices can ensure that animations perform acceptably on newer "average", sub-$200 devices. However, there are some devices (older or very inexpensive phones) that will have difficulties achieving minimally acceptable animation performance. Make sure to test your animations on the phones of your target audience before committing to add them.
You can’t perform that action at this time.