Animate your SVG text with animejs (and Vue)

• anime.js

  87 48,643 6.4 JavaScript

  JavaScript animation engine

JavaScript animation engine | animejs.com

• easysvg

  1 97 1.5 PHP

  Generate SVG definitions and XML using PHP

To create a stunning animated SVG image, first, you will need SVG to animate. There are many tools to do that, available both online and offline. You can, for example, start with generating text using easysvg (written in php, but a great tool nonetheless).

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Vakme

  1 0 4.6

Use my SVG, if you want: link to github file.

• easings.net

  111 7,617 4.2 CSS

  Easing Functions Cheat Sheet

I wanted to add a little "bouncing" at the beginning and the end of the animation of every letter. If you want to test different easing functions on your own, I recommend easings.net.

Suggest a related project