Framer Tutorial: Creating Smooth Website Loading Animations

Опубликовано: 17 Октябрь 2023
на канале: Framer University

41,773

1.2k

🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account

In this Framer tutorial, you'll learn how to create a smooth loading animation for your Framer website. I'll show you how components and interactions can be used to trigger automatic animations when the page loads. With the help of this video, you'll be able to add a preloader to your website without having to write any code.

Starter file + other remixes: https://framer.university/resources/s...
Inspiration: https://graphichunters.com/

0:00 - Introduction
0:30 - Taking a look at the animation
0:52 - Creating the main frame
2:56 - Creating component & variants
16:30 - Adding the interactions
18:24 - Delaying specific elements
22:04 - Free Framer course

Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university

На этой странице сайта вы можете посмотреть видео онлайн Framer Tutorial: Creating Smooth Website Loading Animations длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Framer University 17 Октябрь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 41,773 раз и оно понравилось 1.2 тысяч зрителям. Приятного просмотра!

2,591