Framer Motion

Framer Motion is my default motion library inside React-based work. It pairs naturally with Next.js and is fast to reach for on component-level motion.

What it is

A React animation library focused on declarative motion, gestures, and transitions. Designed to feel native to component code.

How I use it

• Component-level motion inside Duodode products
• Page transitions and state-driven animation in Next.js
• Interaction feedback that lives inside the component model
• Working alongside GSAP when a job needs heavier control or Rive when motion needs to be interactive

Why it fits my workflow

Framer Motion sits where most of my front-end work already is. That keeps motion close to the components it serves, which is the right place for Interaction Design to live.

What it unlocks

• Fast implementation of Motion Design intent from Figma
• Clean, component-native transitions
• Less glue code between state and animation
• A consistent motion grammar across a product

Related

GSAP · Motion Design · Interaction Design · Next.js · Frontend Frameworks · Design Philosophy