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

On this page of the site you can watch the video online Slideshow animation using Framer motion in React with a duration of hours minute second in good quality, which was uploaded by the user Mafia Codes 09 August 2022, share the link with friends and acquaintances, this video has already been watched 16,918 times on youtube and it was liked by 237 viewers. Enjoy your viewing!