# Animated SVG Text Path

> lets you effortlessly bring text to life by animating it along any SVG path within your React applications. This component, part of the EaseMize UI library, leverages the GreenSock Animation Platform (GSAP) for high-performance, smooth animations. Customize the text, animation duration, direction (forwards/reversed), font size, letter spacing, the SVG path data, viewBox, and rotation. It's designed to be highly flexible, allowing developers to add sophisticated text-on-a-path animations with ease.

- Author: [Hossain Jahed](https://21st.dev/@easemize)
- License: unknown
- npm dependencies: gsap
- Live preview: https://21st.dev/@easemize/components/animated-svg-text-path

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/easemize/animated-svg-text-path?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt