🎬 Inspiration We were inspired by the idea of making educational and creative video content generation as simple as writing a prompt. Animations are a powerful way to communicate complex ideas, but creating them traditionally requires technical skills and time. We wanted to empower anyone—from educators to content creators—to generate beautiful 2D animations instantly using the power of AI and Manim.
⚙️ What it does Animated Video Generator is a full-stack web application that transforms natural language prompts into animated videos.
🧠 It uses OpenAI's GPT models to generate Python animation scripts.
🎨 Renders those scripts using Manim, a mathematical animation engine.
📹 Uploads and stores the generated videos in Google Cloud Storage.
🌐 Provides a beautiful and intuitive frontend via Streamlit.
⚡ Powered by a FastAPI backend that handles all processing.
Just type a prompt like “show a triangle rotating” and get a downloadable video!
🛠 How we built it Frontend: Built with Streamlit, which provides a responsive and simple UI to input prompts and view videos.
Backend: Implemented with FastAPI for handling API requests, communicating with OpenAI, and running Manim scripts.
AI Integration: Leveraged OpenAI GPT-4 to convert prompts into executable Manim code.
Video Rendering: Used Manim to render animations in real time on the backend.
Storage: Videos are uploaded and accessed from Google Cloud Storage.
Deployment: Deployed on Render.com with separate services for frontend and backend.
🚧 Challenges we ran into Handling errors in AI-generated code from GPT and ensuring safe execution.
Integrating Manim in a cloud environment, especially with Render’s limitations.
Managing asynchronous rendering and streamlining frontend-backend communication.
Properly securing and managing Google Cloud credentials across services.
Designing a user-friendly UI that works on multiple devices (desktop, tablet).
🏆 Accomplishments that we're proud of Built and deployed a fully working AI-to-video pipeline from scratch in a short time.
Successfully combined LLM code generation with real-time video rendering.
Created a usable and scalable architecture with GCP, FastAPI, and Streamlit.
Made animation creation accessible to non-programmers through natural language input.
📚 What we learned How to orchestrate multi-component systems with AI, video processing, and cloud storage.
Improved our understanding of Streamlit, FastAPI, and GCP IAM policies.
Learned to handle and sanitize AI-generated code to avoid runtime crashes.
Deployment best practices with Render.com and handling production env vars securely.
🚀 What's next for Animated-Video-Generator ✅ Add support for interactive animations and audio narration.
🧩 Allow users to edit or tweak the generated code before rendering.
🎓 Launch a template library for popular educational topics (math, physics, etc.).
📱 Package it as a mobile-friendly progressive web app (PWA).
📊 Add usage analytics and history for users to access past animations.
Built With
- fastapi
- google-cloud
- manim
- openai
- python
- render
- streamlit
Log in or sign up for Devpost to join the conversation.