Recreating Apple's Addicting Scroll Animation

Published: 12 April 2024
on channel: Tom Is Loading
21,004
861

Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev

Today we'll break down some wizardry from Apples Vision Pro Landing page! Per usual we'll use React, Framer Motion, and TailwindCSS, source code and inspiration for this effect below!

#javascript #reactjs #tailwindcss

📚 Video Links
Inspiration: https://www.apple.com/apple-vision-pro/
Demo & Source code: https://www.hover.dev/components/feat...

🔗 My Links
TikTok:   / tomisloading  
Instagram:   / tomisloading  
GitHub: https://github.com/TomIsLoading
Twitter:   / tomisloading  
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/

0:00 - Introduction
0:33 - Initial layout
7:33 - Animating the image on scroll
12:51 - Adding the parallax text effect


Watch video Recreating Apple's Addicting Scroll Animation online without registration, duration hours minute second in high quality. This video was added by user Tom Is Loading 12 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 21,004 once and liked it 861 people.