Slideshow animation using Framer motion in React
Mafia Codes Mafia Codes
44.6K subscribers
16,884 views
237

 Published On Aug 9, 2022

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

show more

Share/Embed