Slideshow animation using Framer motion in React

Published: 09 August 2022
on channel: Mafia Codes

16,918

237

In this video we will be making a #slideshow in #React using #framer-motion.
We would be doing animations using #variants in framer motion and Animate Presence.

0:00 Introduction
2:12 Create React App
2:41 Html skeleton for slideshow
6:09 CSS for the slideshow
13:40 Slideshow without animations
18:16 Animations using Framer Motion
26:56 Changing animation directions dynamically
34:10 Animation curves for transition

https://unsplash.com/
https://www.framer.com/motion/
https://www.npmjs.com/package/framer-...
https://github.com/trulymittal/slides...

--------------------------------------------------------------------------
📦FREE $100 credit @Digital Ocean: https://m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: https://www.youtube.com/c/yourstruly2...
--------------------------------------------------------------------------
💵Support the channel:
Paypal: https://www.paypal.me/trulymittal
Patreon:   / trulymittal
--------------------------------------------------------------------------

======================
✔ Other useful Playlists
======================
#RestAPI (#NodeJS and MongoDB):    • REST API using NodeJS and MongoDB
#API Authentication using #JWT:    • NodeJS API Authentication (JWT's)
#Firebase:    • Firebase | Build a Notes App
Docker:    • Docker
MongoDB:    • Learn MongoDB in 50 minutes (Crash Co...
Html/Css/Js:    • HTML / CSS / JS
Android:    • Android
Challenges:    • Challenges

#yoursTRULY #tutorial #howto #nodejs

Watch video Slideshow animation using Framer motion in React online without registration, duration hours minute second in high quality. This video was added by user Mafia Codes 09 August 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 16,918 once and liked it 237 people.

251