Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion on "How to Animate SVG Paths with Framer Motion" | Hashnode

Discussion

Noël Cserépy

I build animated web apps with NextJS and Framer Motion.

Sep 20, 2022

How to Animate SVG Paths with Framer Motion

If you're looking for some flair when fading in a logo or want to give loading animations some spice, SVG path animations are just the thing! Framer motion makes it easy for you to create great looking path animations for your React project. Let's se...

blog.noelcserepy.com10 min read

#framer-motion #reactjs #4articles4weeks #svg #svg-animation

Responses5

Markdown supported · ⌘↵ to post

shadrack boakye

web developer

this is what has been missing my whole life- clear concise, awesome. Thanks :-)

Thank you for reading :)

NC

Noël Cserépy

I build animated web apps with NextJS and Framer Motion.

Leon Rougier

Full Stack Dev

This article made me stay up until 1AM, animating different SVG shapes. Super satisfying to watch haha

Noël Cserépy

I build animated web apps with NextJS and Framer Motion.

Glad I can get you excited for animation!

Jackson Kasi

hello world

Wow! this is awesome! I need to try it!🍻

Noël Cserépy

I build animated web apps with NextJS and Framer Motion.

Thank you :)

Devkant Swargiary

Full Stack Developer

Awesome. Thanks for writing :-)

Noël Cserépy

I build animated web apps with NextJS and Framer Motion.

My pleasure, glad you liked it :)