# Vibe code an interactive animation with Motion Tokens

*By LottieFiles · May 20, 2026*

[Watch the video](https://www.youtube.com/watch?v=wsgF24K6rVU)

---

In this quick tutorial, we vibe code a birthday cake animation using Motion Tokens in Lottie Creator complete with text support is in the mix.

🔗 Remix this animation: [lottie.link/bday](https://lottie.link/bday)
🔗 Explore Motion Tokens: [lottie.link/motion-tokens-yt](https://lottie.link/motion-tokens-yt)

Timestamps:
00:09 Introduction to motion tokens
00:21 Defining dynamic properties for interactivity
00:45 Creating opacity tokens for candles
01:27 Creating a text token for names
01:46 Exporting the optimized animation file
01:56 Using AI and skills document to understand tokens
02:20 Prompting an LLM to generate JavaScript
03:00 Integrating the asset and code into a template
03:34 Final demonstration of the interactive animation

Follow #LottieFiles on social media: 
YouTube: [https://lottie.link/YoutubeSubscribe](https://lottie.link/YoutubeSubscribe)
Instagram: [https://www.instagram.com/lottie.files/](https://www.instagram.com/lottie.files/)
X: [https://x.com/lottiefiles](https://x.com/lottiefiles)
Facebook: [https://www.facebook.com/LottieFiles/](https://www.facebook.com/LottieFiles/)
LinkedIn: [https://www.linkedin.com/company/lottiefiles](https://www.linkedin.com/company/lottiefiles)

#LottieFiles #Lottie #MotionDesign #Animation #Motion #LottieAnimation #LottieCreator #MotionTokens #VibeCoding #InteractiveAnimation #MotionDesign #WebAnimation #FrontendDev #AnimationTutorial