# PathAnimator

> Turns drawings, text and SVG logos into spinning-circle animations for creators

Canonical: https://productsfarm.com/product/pathanimator
Last updated: 2026-11-05

PathAnimator is a browser-based tool that turns a drawing into a Fourier animation. A chain of spinning circles traces the shape, with each circle adding finer detail until the outline matches the original. You can draw freehand, sign your name, type text in 16 fonts, upload an SVG or a photo, pick an icon or emoji, or start from a greeting-card template. Each input becomes its own layer, with its own colors, speed and circle count.

The result can be exported as an MP4 or WebM video, including a transparent background, as a GIF, a PNG or an SVG. A share link plays the animation in any browser without an app, and an embed code can place it in Notion, Webflow, WordPress or another site. The site describes an animated QR code option as well.

The editor runs in the browser and the site says drawings are converted to circles on your device, so nothing is uploaded unless you share a link. The site also includes Fourier Visualized, a separate explainer on Fourier series, and a classroom mode that shows one shape in large type while circles are added with the arrow keys. It is aimed at people who want to make animated drawings and at teachers who want to show how Fourier series work.

## Facts

- Website: https://www.pathanimator.com/
- Categories: [Design](https://productsfarm.com/c/design), [Education](https://productsfarm.com/c/education), [Video and audio](https://productsfarm.com/c/video-audio)
- Pricing: Free
- Platforms: Web
- Made for: designers, teachers, content creators
- Built with: [Next.js](https://productsfarm.com/tech-stack/nextjs), [React](https://productsfarm.com/tech-stack/react), [TypeScript](https://productsfarm.com/tech-stack/typescript), [Vercel](https://productsfarm.com/tech-stack/vercel), [Umami](https://productsfarm.com/tech-stack/umami), [Tailwind CSS](https://productsfarm.com/tech-stack/tailwind-css)
- Made by: [Harshith A](https://productsfarm.com/u/harshith_a)
- Elsewhere: [X](https://x.com/HarshithAshvi), [Instagram](https://www.instagram.com/pathanimator)

## On ProductsFarm

- Launched in Week 50 · Dec 7–13, 2026