Render animated text that loops or tracks scroll progress along any SVG path.
motion-sv
Installation
pnpm dlx shadcn-svelte@latest add http://sveltekit-prerender/f/text-along-path.json
Install dependencies
Install the required packages for this component:
pnpm add motion-sv
Copy the Source Code
Copy and paste the following code into your project:
text-along-path.svelte
index.ts
Folder Structure
Folder Structure
Visit Original Docs
For more deeper understaing visit fancy components documentation.
Examples
Auto Animation
Animation on closed path
Scroll-driven animation
SCROLL DOWN