Create page transition [box slide] in React JS and Framer motion/Motion

Hi guys, I'm back with new video page transition box slide. I'm using React, React router, Tailwind, and motion for animation. the video is not too long so hope you watch it till the end. enjoy the video✌️. thanks.

🖥️ STACK :
- React JS
- React Router
- Tailwind CSS
- Typescript
- Framer motion/Motion

📁 Repo :
- https://github.com/codebytheo/page-transition-box-slider

🕒 Timeline :
0:00 - Intro
0:02 - Result
0:21 - Libraries
0:29 - Boilerplate
0:45 - index.css
1:41 - Apply React router
3:08 - nav.tsx
4:21 - Create pages
5:48 - Create animation wrapper
8:03 - Apply animation
8:26 - Give AnimatePresence
8:45 - Done
9:07 - Outro

🎵 Music : - Youtube audio library

#programming #website #animation #frontend #framermotion

Видео Create page transition [box slide] in React JS and Framer motion/Motion канала CodeByTheo