Animating vector paths in Framer

Animating vector paths in Framer

Vector path animations can bring icons, logos, and illustrations to life, revealing each shape with smooth, hand-drawn motion.

Vector path animations can bring icons, logos, and illustrations to life, revealing each shape with smooth, hand-drawn motion.

And we can pull it of in just a few clicks using the Stroke effect in Framer. In this lesson, we’ll use the Stroke Effect to animate a few icons with engaging motion that feels thoughtful and refined.

Lesson details

14:36

Mastering Animations and Interactions in Framer

Remix Project

Lesson details

14:36

Mastering Animations and Interactions in Framer

Remix Project

Lesson details

14:36

Mastering Animations and Interactions in Framer

Remix Project

Continue course

Bringing websites to life with animation

2:31

Bringing websites to life with animation

2:31

Bringing websites to life with animation

2:31

Using Hover and Press Effects

5:42

Using Hover and Press Effects

5:42

Using Hover and Press Effects

5:42

Mastering transitions and easing

11:01

Mastering transitions and easing

11:01

Mastering transitions and easing

11:01

Using the Loop Effect

6:55

Using the Loop Effect

6:55

Using the Loop Effect

6:55

Using the Drag Effect

5:34

Using the Drag Effect

5:34

Using the Drag Effect

5:34

Academy

Academy