jeffersonlicet / React Motion Layout
Licence: mit
🦸 Beautiful immersive React hero animations.
Stars: ✭ 509
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Motion Layout
transitionable-routes
Perform transitions when changing routes with React Router
Stars: ✭ 26 (-94.89%)
Mutual labels: react-router, animations, transitions
Material-Design-Android
My stash for all things material, animations, typography, iconography, transitions, Animated VD, Color Palette API, UI design, and more.
Stars: ✭ 38 (-92.53%)
Mutual labels: animations, transitions
React Burger Menu
🍔 An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
Stars: ✭ 4,544 (+792.73%)
Mutual labels: animations, transitions
FluentTransitions
▶ Smooth UI animations & transitions for .NET
Stars: ✭ 27 (-94.7%)
Mutual labels: transitions, animate
Sequents
A simple continuous animation library for iOS UI.
Stars: ✭ 31 (-93.91%)
Mutual labels: animations, animate
animated
🌊 Implicit animations for JavaFX.
Stars: ✭ 79 (-84.48%)
Mutual labels: animations, transitions
Animatable Component
Animate once, use Everywhere! 💫
Stars: ✭ 188 (-63.06%)
Mutual labels: animations, transitions
ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Stars: ✭ 22 (-95.68%)
Mutual labels: animations, transitions
Sequent
A simple continuous animation library for Android UI.
Stars: ✭ 263 (-48.33%)
Mutual labels: animations, animate
React Overdrive
Super easy magic-move transitions for React apps
Stars: ✭ 3,001 (+489.59%)
Mutual labels: animations, transitions
Dynamic.css
🚀 Awesome Library of CSS3 animations 🎉
Stars: ✭ 38 (-92.53%)
Mutual labels: animations, animate
CustomSegueDemo
Demonstrates encapsulation of a custom view controller transition into a UIStoryboardSegue subclass
Stars: ✭ 31 (-93.91%)
Mutual labels: animations, transitions
Xamarin Forms Page Transitions
Custom page transitions in a Xamarin.Forms App
Stars: ✭ 200 (-60.71%)
Mutual labels: animations, transitions
Xamanimation
Xamarin Forms Animation Library
Stars: ✭ 389 (-23.58%)
Mutual labels: animations, transitions
Ui Motion
How to apply meaningful and delightful motion in a sample Android app
Stars: ✭ 165 (-67.58%)
Mutual labels: animations, transitions
Angular Fx
Angular CSS3 animation directives (ngfx-bounce, ngfx-shake, ngfx-flip, ngfx-pulse and more ...) https://720kb.github.io/angular-fx
Stars: ✭ 181 (-64.44%)
Mutual labels: animations, animate
highway
Highway - A Modern Javascript Transitions Manager
Stars: ✭ 1,349 (+165.03%)
Mutual labels: animations, transitions
Animatify Ios
Animation, Effects & Transitions for iOS
Stars: ✭ 350 (-31.24%)
Mutual labels: animations, transitions
Motion Layout
Create beautiful immersive React hero animations using shared components.
Docs
About
Motivation
There are amazing libraries like framer-motion that help you create animations when mounting or unmounting components. But, if two routes have the same image in different positions and sizes, they cannot be animated together. With Motion Layout, you can link components together to animate them when changing views.
Browser support
Supported on modern versions of all major browsers including:
- Chrome 56+
- Firefox 27+
- IE10+ (including Edge)
- Safari (iOS) 7.1+
- Safari (Mac) 9+
- Firefox Mobile
- Chrome for Android
- Android Webview
Declarative
Easy as wraping your text or images with our SharedElement component.
Isolated
It doesn't require external state management libs.
Router Ready
Dispatch animations when changing routes using our React-Router Link component.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].