Create nice animation for your website by scripting SVGs

Ivan Borshchov - Sep 7 '21 - - Dev Community

Quick example: Create text file demo.smte:

set_frame_size 600 300
place boomerang 0 100
animate_1000 move boomerang 400 - && rotate boomerang 720 && scale boomerang 2
Enter fullscreen mode Exit fullscreen mode

Place boomerang.svg into src/ folder. E.g. this one: boomerang.svg
Compile:

npx scriptimate@latest -i demo.smte -f gif
Enter fullscreen mode Exit fullscreen mode

You will get:

More info and usage guide

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .