create Apple-level scroll animations without writing code...

Published: 15 November 2024
on channel: Framer University
27,556
1k

✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account

In this Framer tutorial, I'll walk you through my step-by-step process of creating this 3D scroll animation without writing any code. We'll be editing a 3D file in Spline to customize the laptop opening animation and export it as an image sequence (works with video export too). Then we'll be using my Scroll Media component to play the image sequence (or video) as we scroll down the website. By the end of the video, you're going to have the skills to create sick 3D scroll animations in Framer without writing any code.


→ Remix the tutorial project: https://framer.university/resources/s...
→ Remix the Spline project: https://app.spline.design/community/f...

→ Bulk image cropper: https://bulkimagecrop.com/
→ Bulk image resizer: https://imageresizer.com/bulk-resize

0:00 - Introduction
1:01 - Basic setup
2:45 - Customizing The 3D file
4:29 - Exporting the sequence
7:15 - Bulk Editing the Sequence
11:28 - Creating the animation in Framer
26:24 - Additional resources

Follow me on:
X:   / learnframer  
Instagram:   / framer.university  


On this page of the site you can watch the video online create Apple-level scroll animations without writing code... with a duration of hours minute second in good quality, which was uploaded by the user Framer University 15 November 2024, share the link with friends and acquaintances, this video has already been watched 27,556 times on youtube and it was liked by 1 thousand viewers. Enjoy your viewing!