Skip to content

๐ŸŽฌ AI-powered platform that transforms ideas into stunning educational videos using Manim and artificial intelligence. Create professional animations in seconds with just natural language descriptions.

Notifications You must be signed in to change notification settings

nitindavegit/manimate-vision-forge

Repository files navigation

๐ŸŽฌ Manimate

Manimate Logo

๐ŸŽจ AI-Powered Video Generation Platform

Transform your ideas into stunning educational videos with AI

๐ŸŽ“ Mathematics โ€ข ๐Ÿ”ฌ Science โ€ข ๐Ÿ’ป Technology โ€ข ๐Ÿ“Š Data Visualization โ€ข ๐Ÿง  Machine Learning

Quick Start Examples

React TypeScript Tailwind License


๐ŸŒŸ Live Demo

๐Ÿš€ Experience Manimate in Action

See the magic happen in real-time!

Live Demo



โœ… No installation required โ€ข Works in any modern browser
โœ… Try it instantly โ€ข Create your first animation in seconds
โœ… Free to explore โ€ข Experience the full power of AI-driven animation


โœจ What is Manimate?

Manimate is a revolutionary AI-powered platform that transforms your ideas into professional-quality educational videos in seconds. Simply describe your concept in plain English, and our intelligent system generates stunning Manim-powered animations that bring complex topics to life.

๐ŸŽฏ Perfect For:

โ€ข Educators creating engaging lesson content
โ€ข Students visualizing difficult concepts
โ€ข Content Creators producing educational videos
โ€ข Researchers presenting complex data
โ€ข Developers explaining algorithms and systems

๐Ÿš€ Key Features at a Glance:

โœ… Zero Learning Curve - No animation or coding skills required
โœ… Lightning Fast - Professional videos in 30-60 seconds
โœ… AI-Powered - Advanced natural language processing
โœ… Manim Engine - Industry-standard mathematical animations
โœ… Secure & Reliable - Built with enterprise-grade infrastructure

From idea to video in seconds - Experience the future of educational content creation

๐ŸŽฏ The Magic Behind Manimate

๐Ÿง  AI-Powered Generation Simply describe your animation idea in natural language, and watch as our sophisticated AI transforms your words into stunning visual narratives.

โšก Lightning Fast From idea to video in 30-60 seconds. No more weeks of animation workโ€”get professional results instantly.

๐ŸŽ“ Educational Focus Specifically designed for mathematics, science, and technical visualizations that make complex concepts crystal clear.

๐Ÿš€ Zero Learning Curve No animation experience? No coding skills? No problem. If you can describe it, Manimate can animate it.


๐ŸŒŸ Why Choose Manimate?

๐ŸŽจ Professional Quality

Manim-powered animations that rival expensive production studios
โœจ Hollywood-grade visuals without the Hollywood budget

๐Ÿ”’ Secure & Reliable

Built with Supabase for enterprise-grade security and performance
๐Ÿ›ก๏ธ Your data is protected with bank-level security

๐Ÿ“ฑ Universal Access

Works seamlessly across all devices and screen sizes
๐Ÿ’ป Desktop, tablet, mobile - create on the go!


๐Ÿš€ Additional Benefits

โšก Lightning Speed ๐Ÿง  AI Intelligence ๐Ÿ“š Educational Focus ๐Ÿ’ฐ Cost Effective
30-60 seconds
From idea to video
Natural Language
Just describe your vision
STEM Optimized
Perfect for learning content
Fraction of Cost
vs traditional animation

๐ŸŽฎ How It Works

graph LR
    A[๐Ÿ’ญ Describe Your Idea] --> B[๐Ÿค– AI Processing]
    B --> C[โš™๏ธ Manim Generation]
    C --> D[๐ŸŽฌ Beautiful Video]
    
    style A fill:#ff6b6b,stroke:#fff,stroke-width:2px,color:#fff
    style B fill:#4ecdc4,stroke:#fff,stroke-width:2px,color:#fff
    style C fill:#45b7d1,stroke:#fff,stroke-width:2px,color:#fff
    style D fill:#96ceb4,stroke:#fff,stroke-width:2px,color:#fff
Loading
  1. ๐Ÿ” Sign Up - Create your account with secure authentication
  2. โœ๏ธ Describe - Write what you want to animate in plain English
  3. ๐Ÿค– AI Magic - Our AI interprets and generates professional Manim code
  4. ๐ŸŽฅ Render - Watch as your idea transforms into a stunning video
  5. ๐Ÿ“บ Share - Download, view, and share your creation with the world

๐ŸŽจ Perfect For Every Use Case

๐Ÿ“ Mathematics & Engineering
  • Geometric Theorems - Visualize Pythagorean theorem, triangle properties
  • Calculus Concepts - Animate derivatives, integrals, limits
  • Linear Algebra - Show matrix transformations, vector operations
  • Statistics - Demonstrate distributions, probability concepts
  • Engineering - Visualize signal processing, control systems
๐Ÿ”ฌ Science & Research
  • Physics Principles - Illustrate wave mechanics, thermodynamics
  • Chemistry - Show molecular interactions, reaction mechanisms
  • Biology - Explain cellular processes, genetic concepts
  • Astronomy - Visualize planetary motion, stellar evolution
  • Data Science - Animate machine learning algorithms, data flows
๐Ÿ’ป Technology & Programming
  • Algorithms - Demonstrate sorting, searching, graph algorithms
  • Data Structures - Show trees, graphs, hash tables in action
  • Neural Networks - Visualize backpropagation, training processes
  • System Architecture - Illustrate microservices, database design
  • Cryptography - Explain encryption, digital signatures

๐Ÿš€ Getting Started

Prerequisites

# Ensure you have Node.js 18+ installed
node --version  # Should be 18.0.0 or higher

Quick Installation

# 1. Clone the magic โœจ
git clone https://github.com/nitindavegit/manimate-vision-forge.git
cd manimate-vision-forge

# 2. Install dependencies ๐Ÿ“ฆ
npm install

# 3. Set up your environment ๐Ÿ”ง
cp .env.example .env.local
# Add your Supabase credentials (see setup guide below)

# 4. Launch the application ๐Ÿš€
npm run dev

# 5. Open your browser and visit ๐ŸŒ
# http://localhost:5173

Environment Setup

Create your .env.local file with:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
๐Ÿ”ง Detailed Setup Instructions
  1. Supabase Setup:

    • Visit supabase.com
    • Create a new project
    • Copy your project URL and anon key
    • Paste them in your .env.local file
  2. Database Schema:

    -- Run this in your Supabase SQL editor
    CREATE TABLE user_generations (
      id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
      user_id UUID REFERENCES auth.users(id),
      prompt TEXT NOT NULL,
      video_url TEXT,
      created_at TIMESTAMP DEFAULT NOW()
    );
  3. Row Level Security:

    ALTER TABLE user_generations ENABLE ROW LEVEL SECURITY;
    
    CREATE POLICY "Users can view own generations" ON user_generations
      FOR SELECT USING (auth.uid() = user_id);

๐Ÿ—๏ธ Project Architecture

src/
โ”œโ”€โ”€ ๐ŸŽจ components/          # Beautiful, reusable UI components
โ”‚   โ””โ”€โ”€ ui/                 # shadcn/ui design system
โ”œโ”€โ”€ ๐Ÿช hooks/               # Custom React hooks for magic
โ”‚   โ”œโ”€โ”€ useGSAPAnimations.ts    # Smooth GSAP animations
โ”‚   โ””โ”€โ”€ useScrollAnimation.ts   # Scroll-based effects
โ”œโ”€โ”€ ๐Ÿ“„ pages/               # Application pages
โ”‚   โ”œโ”€โ”€ Index.tsx           # Landing page with hero
โ”‚   โ”œโ”€โ”€ AuthPage.tsx        # Secure authentication
โ”‚   โ””โ”€โ”€ GeneratePage.tsx    # AI generation interface
โ”œโ”€โ”€ ๐Ÿ”— integrations/        # External service connections
โ”‚   โ””โ”€โ”€ supabase/          # Database & auth config
โ””โ”€โ”€ ๐Ÿ› ๏ธ lib/                # Utility functions

โœจ Examples That Will Inspire You

๐ŸŽฏ Try These Prompts

๐Ÿงฎ "Create an animation showing how 
the Fibonacci sequence appears in 
nature, with a spiral forming from 
the mathematical sequence"
๐Ÿง  "Visualize how a neural network 
learns to recognize handwritten 
digits, showing the weights changing 
during training"
๐Ÿ“ "Animate the proof of the 
Pythagorean theorem using visual 
squares and transformations"
๐ŸŒŠ "Show how sound waves interfere 
with each other, creating constructive 
and destructive interference patterns"

๐ŸŽฌ Each prompt generates a professional 30-60 second video!


๐ŸŽจ Built with Cutting-Edge Technology

Frontend Excellence

React TypeScript Tailwind GSAP

Backend & Infrastructure

Supabase Vite Manim

Design & UX

shadcn/ui Lucide Glassmorphism


๐Ÿค Contributing

We believe in the power of community! Here's how you can contribute:

๐Ÿ› Found a Bug? ๐Ÿ’ก Have an Idea? ๐ŸŽจ Want to Improve UI? ๐Ÿ“š Love Documentation?
Report Issues Feature Requests UI/UX Improvements Improve Docs

Development Workflow

# 1. Fork the repository on GitHub
# 2. Clone your fork
git clone https://github.com/YOUR_USERNAME/manimate-vision-forge.git

# 3. Create a feature branch
git checkout -b feature/amazing-new-feature

# 4. Make your changes and commit
git commit -m "โœจ Add amazing new feature"

# 5. Push and create a pull request
git push origin feature/amazing-new-feature

๐Ÿ“Š Performance & Analytics

โšก Performance

30-60s
Generation Time

๐Ÿ“ฑ Compatibility

100%
Mobile Responsive

๐Ÿ”’ Security

Enterprise
Grade Protection

๐ŸŒ Global

CDN
Powered Delivery


๐Ÿ“ž Get Help & Support

We're Here to Help! ๐Ÿค—

Email Support

Twitter

GitHub Issues


๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

TL;DR: You can use, modify, and distribute this project freely! ๐ŸŽ‰


๐Ÿ™ Acknowledgments

Standing on the Shoulders of Giants

We're grateful to these amazing projects and communities:

๐ŸŽจ Manim Community ๐Ÿ—„๏ธ Supabase Team ๐ŸŽฏ shadcn/ui ๐Ÿš€ Lovable Platform
The incredible animation engine Powering our backend Beautiful components Seamless deployment

๐ŸŒŸ Ready to Transform Your Ideas?

Join thousands of educators, students, and creators who are already using Manimate to bring their ideas to life!

Get Started

โœจ Transform your ideas into stunning visual stories โœจ

Made with โค๏ธ by Nitin Dave


โญ If you love Manimate, give us a star on GitHub! โญ

About

๐ŸŽฌ AI-powered platform that transforms ideas into stunning educational videos using Manim and artificial intelligence. Create professional animations in seconds with just natural language descriptions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published