https://github.com/prohetamine/react-router-dom-animation

🌠 Tool for creating complex animations of transitions between pages
https://github.com/prohetamine/react-router-dom-animation

react react-animations react-router react-router-dom react-router-dom-animation

Last synced: 25 days ago
JSON representation

🌠 Tool for creating complex animations of transitions between pages

• Host: GitHub
• URL: https://github.com/prohetamine/react-router-dom-animation
• Owner: prohetamine
• Created: 2021-08-04T12:04:39.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-07T13:18:11.000Z (over 3 years ago)
• Last Synced: 2024-04-24T13:56:15.842Z (7 months ago)
• Topics: react, react-animations, react-router, react-router-dom, react-router-dom-animation
• Language: JavaScript
• Homepage:
• Size: 1.48 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-router-dom-animation

Hi, I haven't written the documentation yet. I don't have time yet. I will definitely write it later, when I'm ready. In the meantime, I have a few examples for you, attention this is a test version of the api can be critically changed use the most up-to-date version 1.2.10. Here are examples:

my app tested: ![enter image description here](/media/1.gif)

[simple vertical scale animation](https://codesandbox.io/s/react-router-dom-animation-simple-vertical-scale-animation-ucdgq)

[simple handle start and horizontal scale animation](https://codesandbox.io/s/react-router-dom-animation-simple-handle-start-and-horizontal-scale-animation-zzifp)

[journal animation](https://codesandbox.io/s/react-router-dom-animation-journal-animation-vklie)

[vertical ascent animation](https://codesandbox.io/s/react-router-dom-animation-vertical-ascent-animation-jjins)

[rotate animation](https://codesandbox.io/s/react-router-dom-animation-rotate-animation-ty1yf)

[opacity animation](https://codesandbox.io/s/react-router-dom-animation-opacity-animation-24l50)

[simple vertical-horizonal animation](https://codesandbox.io/s/react-router-dom-animation-simple-vertical-horizonal-animation-0ojgh)