Skip to content
Gustavo J.
‹ Journal

The Art of Motion

Using Framer Motion to create interfaces that feel alive without sacrificing performance.

Gustavo J.

· 4 min read · Design

Motion is Communication

Animation shouldn't just be "eye candy". It should guide the user, provide feedback, and create a sense of continuity.

Best Practices

  • Physics-based: Use springs instead of fixed durations.
  • Subtlety: Less is usually more.
  • Layout Animations: Leveraging layout and layoutId for seamless transitions.

In my portfolio, I use Framer Motion to create an experience that feels premium and responsive.