DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Ivan Borshchov
Ivan Borshchov

Posted on

Create nice animation for your website by scripting SVGs

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

Top comments (0)

🌚 Life is too short to browse without dark mode