Animated Landing Page using Framer Motion & React | Next

Опубликовано: 19 Март 2026
на канале: Sumit Dey Frontend
23,716
608

Hi, guys , in this video we are gonna create a beautiful animated landing page using React (Next Js) and Framer Motion

🟡 Links :
Boilerplate URL :
https://github.com/Dey-Sumit/boilerpl...
Repo URL :
https://github.com/Dey-Sumit/page-ani...
CSS File :
https://github.com/Dey-Sumit/page-ani...
Grab the images from the repo

🔴 You can help me and this channel to create free contents by being a member of this channel.
𝐀 𝐬𝐮𝐩𝐩𝐨𝐫𝐭𝐞𝐫 𝐢𝐬 𝐰𝐨𝐫𝐭𝐡 𝐭𝐡𝐨𝐮𝐬𝐚𝐧𝐝 𝐟𝐨𝐥𝐥𝐨𝐰𝐞𝐫𝐬
Join this channel to get access to perks:
🔗    / @sumitdey-frontend  

-------Patreon or BuyMeACoffee ----------
🔗 https://www.buymeacoffee.com/backbenc...
🔗   / backbenchcoder  

🟡 Follow my page on Instagram for programming cheat sheet :)
🔗 Twitter :   / backbench_coder   (mostly active)
🔗 Instagram :   / backbench.coder  
🔗 Linkedin :   / sumit-dey-4a04431a9  
🔗 Facebook : Nope!!! I love react but I hate Facebook

🎵 Background Music :
Inspiring Chill Beat, Relax Instrumental
[No Copyright Sound] [ FREE USE MUSIC ]
🔗    • Inspiring Chill Beat, Relax Instrumental [...  

Timestamp :
0:00 - Set up
1:11 - What's the plan?
1:42 - Crete UI | JSX
4:42 - Animation using Framer Motion
6:02 - Add Framer Motion
15:41 - Add Custom Value
17:12 - Done!!!!