AnimateAI: Turn Text Prompts into 2D Animations with AI (p5.js + Gemini)

🎨 AnimateAI — AI-Powered 2D Animation Generator

Have you ever wanted to turn your imagination into an animation by just typing it out? That’s exactly what I built with AnimateAI.

It's a full-stack web app that:

• Converts text prompts into working p5.js animations using the Gemini API
• Lets you chat with the AI to refine the animation
• Allows you to download the animation as a video
• Saves your creations in your own library

🛠️ Tech Stack

• Frontend: React + TailwindCSS + p5.js in sandboxed iframes
• Backend: Node.js + Express + MongoDB
• AI: Gemini API (prompt-to-code and code-refinement)
• Auth: Clerk.dev
• Payments: Razorpay (test mode for now)
• Export: MediaRecorder API → .webm video

💡 Examples

• "Show a bouncing ball that changes color every time it hits a wall"
• "Fireflies glowing randomly over a night forest"
• "Rain falling over a glass surface with light reflections"

🔗 Try It Out

👉 Live Link

🙋‍♂️ Looking For

• Feedback on the UI/UX and animation accuracy
• Cool prompt ideas to test the limits
• Suggestions on monetization models
• Developers who want to collaborate or fork this

---

Would love your thoughts!

– Ritesh