2.12.1 • Published 5 years ago
@element-motion/motions v2.12.1
Element Motion
Tween between view states with declarative zero configuration element motions for React.
Dynamic motions as easy as:
<Motion triggerSelfKey={isLarge}>
<Scale>{motion => <div {...motion} className={isLarge ? 'large' : 'small'} />}</Scale>
</Motion>
Get started
Check out our example motions and then once you're done have a look at the docs.
Installation
Element Motion requires React 16.4 or greater.
npm install @element-motion/core --save
or
yarn add @element-motion/core
Whats in a motion?
There are two halves to Element Motion:
- Orchestration (collecting DOM data, enabling motion between disconnected React elements, executing motions)
- Motions (animation concerns, CSS transitions/animations, JS animations, whatever you can imagine)
Next steps
- First time here? After installing head over to Getting started to start learning the basics
- Interested in elements in motion? Check out Focal motions
- For ready made experiences check out Composite experiences, just grab them and go!
- Having trouble? Maybe Troubleshooting has your answers
Talks
React Sydney - 3rd June 2019
2.12.1
5 years ago
2.12.0
5 years ago
2.11.0
5 years ago
2.10.1
5 years ago
2.10.0
5 years ago
2.9.1
5 years ago
2.9.0
5 years ago
2.8.1
5 years ago
2.8.1-alpha.3
5 years ago
2.8.1-alpha.2
5 years ago
2.8.1-alpha.1
5 years ago