How to Add Animations and Scroll Effects to Your ⁨@Framer⁩ Website | Advanced Tutorial

Try Framer for free: https://philp.al/framer
Use code PHILPALLEN1 for a discount on any paid plan!

Want to take your Framer website to the next level? In this video, I'm going back into my partner Javi's travel blog to add the advanced layer: animations, scroll effects, hover states, and a component from the Framer Marketplace.

In this video:
• How to add page transitions in Framer
• Building scroll-based animations that feel premium without being distracting
• Framer's new shaders feature, which are animated and photo-based visual effects you won't find in any other website builder
• How to create hover states using Framer's component variant system
• Using the Framer Marketplace to drop in a Card Stack component

Watch part one first: https://youtu.be/4jELD_RQyLg?si=etHqIu6ZFqbrV2RC

Page Effects (View Transitions) https://www.framer.com/academy/lessons/page-effects

Comment below: which of these features are you most excited to try?

Chapters:
00:00 Introduction
00:56 Page Transitions in Framer
01:44 How to Set Up Page Effects
03:10 Scroll-Based Animations
04:04 The Key Principle: Restraint
04:44 Shaders: Animated and Photo-Based Effects
06:29 Framer Marketplace and Card Stack
07:25 Hover States with Component Variants
08:17 Installing the Card Stack Component
09:15 Final Thoughts and CTA

Like this video and subscribe for more on branding, design, and building a business.
Phil deconstructs digital marketing and social media to empower leaders, corporations, employees, and entrepreneurs. His insights have been featured in media outlets around the world, including CNN, Access Hollywood, Entertainment Tonight, and The Daily Mail, to name a few. Phil has worked with hundreds of brands across all industries, including a Shark on Shark Tank, a Nobel Peace Prize winner, politicians, and some of the most important names in entertainment. He frequently speaks at conferences in cities all over the globe, including London, Tokyo, Dubai, Cairo, São Paulo, Medellín, Auckland, Helsinki, and Los Angeles.

× LIKE, COMMENT, AND SUBSCRIBE ×

-----------------------------------

FOLLOW ME ON:
× INSTAGRAM → https://www.instagram.com/philpallen

-----------------------------------

ADD ME:
× FACEBOOK → https://facebook.com/philpallen.co
× PINTEREST → https://www.pinterest.com/philpallen
× TWITTER → https://twitter.com/philpallen
× LINKEDIN → https://www.linkedin.com/in/philpallen

-----------------------------------

× WEBSITE → https://philpallen.co
× NEWSLETTER → https://www.philpallen.co/list

#philpallen

Видео How to Add Animations and Scroll Effects to Your ⁨@Framer⁩ Website | Advanced Tutorial канала Phil Pallen