Animation Principles Work Everywhere (Even Your Website)
5.6K views · 2026-04-27
Motion DesignUI Design
Get 1 Month of Framer Pro for Free with code JAKEINMOTION1
https://framer.link/Jakeinmotion26
Learn Animation Principles: https://jkinmo.com/1cpxz3
Jake In Motion Discord: https://discord.com/invite/b5PkuCCCAu
As a motion designer, animation principles don't stop at keyframes. They apply everywhere things move, including your website. In this video, I'll show you how Framer gives you real control over the look and feel of your website motion, so you can make intentional motion design choices on the web.
This video is sponsored by Framer.
#motiondesign #framertutorial #animationprinciples
---------------------------------------
📸Instagram: https://www.instagram.com/jakeinmotion
🐤X: https://x.com/jakeinmotion
🏷️ Tag @jakeinmotion if you learned something!
Chapters:
0:00 Intro
0:59 Meet Framer
1:57 Previewing Your Site
2:36 Components & States
4:08 Customizing Motion
6:33 Adjusting the Sates
8:05 The Toggle Button
https://framer.link/Jakeinmotion26
Learn Animation Principles: https://jkinmo.com/1cpxz3
Jake In Motion Discord: https://discord.com/invite/b5PkuCCCAu
As a motion designer, animation principles don't stop at keyframes. They apply everywhere things move, including your website. In this video, I'll show you how Framer gives you real control over the look and feel of your website motion, so you can make intentional motion design choices on the web.
This video is sponsored by Framer.
#motiondesign #framertutorial #animationprinciples
---------------------------------------
📸Instagram: https://www.instagram.com/jakeinmotion
🐤X: https://x.com/jakeinmotion
🏷️ Tag @jakeinmotion if you learned something!
Chapters:
0:00 Intro
0:59 Meet Framer
1:57 Previewing Your Site
2:36 Components & States
4:08 Customizing Motion
6:33 Adjusting the Sates
8:05 The Toggle Button