---
title: "SVG Path Animation — Free Framer component · Best of Framer"
description: "Free Framer component · by Suraj Kale · Effects. Simple componet to animate SVGs"
canonical: "https://framer.elliotli.dev/component/svg-path-animation"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/SVG Path Animation

# SVG Path Animation

Simple componet to animate SVGs

[View on Framer](https://framer.com/marketplace/components/svg-path-animation/?via=elliot-li)

![SVG Path Animation preview image 1](https://framer.elliotli.dev/og/component/svg-path-animation/6fe196b66e481ca2/1600x1200.jpg)

## Summary

Simple componet to animate SVGs

## Description

In this component you can control everything from Duration, transition to triggers. you can even animate it manually, so it is possible to animate it even in another component, by manually adjusting the length of the line.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1671

## Details

- **Author**: Suraj Kale
- **Published**: 2026-05-30
- **Updated**: 2026-08-16
- **Added**: 2026-05-21
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows