How to Use Animo with Cursor: A Complete Walkthrough

Cursor is an AI code editor. Animo is an extension that creates Manim animations. Together, they’re the easiest way to make professional math videos.

This guide shows exactly how they work together.

Why Cursor + Animo?

Cursor has built-in AI that understands code. When you add Animo, that AI learns how to make Manim animations. It knows the right way to write the code. It understands timing. It writes code that actually works.

The result: you describe what you want, and you get a video.

Setting Up

1. Download Cursor

If you don’t have Cursor yet, download it from cursor.sh. It’s free and works on Mac, Windows, and Linux.

2. Install the Animo Extension

Open Cursor and press Cmd+Shift+X (Mac) or Ctrl+Shift+X (Windows) to open Extensions. Search for “Animo” and click Install.

3. Sign In to Animo

Click the Animo icon in the left sidebar. Sign in with your Animo account. If you don’t have one, create it at animo.video.

Once signed in, Animo installs its tools automatically. You’re ready.

How It Works

Here’s what a typical session looks like:

Step 1: Open the AI Chat

Press Cmd+L (Mac) or Ctrl+L (Windows) to open Cursor’s AI chat panel.

Step 2: Describe Your Animation

Type a clear description of what you want. For example:

Create an animation that shows how derivatives work. Start with a curve, then show a tangent line at a point. Move the tangent line along the curve while showing the slope value.

Be specific. Mention:

• What shapes or objects should appear
• The order of events
• Any colors or styles you prefer
• The math concept you’re explaining

Step 3: Let the AI Work

The AI will:

1. Create a new Python file with Manim code
2. Run the animo command to render the animation
3. Get feedback about the result
4. Make fixes if needed

You’ll see the code being written in real-time. Don’t worry if you don’t understand it—that’s the point.

Step 4: Watch the Result

Once rendering finishes, the video appears in the Animo sidebar panel. Watch it. Does it match what you imagined?

Step 5: Ask for Changes

If something’s off, tell the AI:

The tangent line is too thin. Make it thicker and change it to red. Also, make the animation 50% slower.

The AI updates the code and renders again. Repeat until you’re satisfied.

Real Example: Making a Sine Wave Animation

Let’s walk through a real example.

Your prompt:

Create an animation showing a sine wave being drawn. Start from the left side of the screen and draw the wave moving right. Use blue for the wave. Add axis lines in gray.

What the AI does:

1. Creates a file called sine_wave.py
2. Writes code that creates axes and a sine curve
3. Uses animation to draw the wave from left to right
4. Sets colors as you asked
5. Renders and shows you the result

The code it makes might look like:

from manim import *

class SineWave(Scene):
    def construct(self):
        axes = Axes(
            x_range=[-1, 10, 1],
            y_range=[-2, 2, 1],
            color=GRAY
        )

        sine_curve = axes.plot(
            lambda x: np.sin(x),
            color=BLUE,
            x_range=[0, 8]
        )

        self.play(Create(axes))
        self.play(Create(sine_curve), run_time=3)
        self.wait()

You don’t need to write this. You don’t even need to understand it. The AI handles everything.

More Tips

Using Templates

If you have Animo+, you can use premium templates. Tell the AI:

Use the “Graph Animation” template as a starting point, but change it to show a parabola instead.

Making Longer Videos

For videos with multiple parts:

Create three scenes: First, show the problem. Second, show the solution step by step. Third, show the final answer with a summary.

Adding Text

Animo can add text to explain things:

Add text that appears at the bottom of the screen explaining each step. Change the text as the animation moves forward.

Building Step by Step

Instead of describing everything at once, build piece by piece:

1. “Create a circle in the center”
2. “Now add a square next to it”
3. “Move the circle into the square”
4. “Change the colors to match my brand: #FF5733 for the circle”

This gives you more control over the final result.

Fixing Problems

Animation won’t render? Make sure you’re signed in to Animo. Check the sidebar panel.

AI doesn’t understand what you want? Be more specific. Instead of “make it better,” say exactly what to change.

Video quality is low? You can ask for higher quality: “Render this at 1080p quality.”

Colors look wrong? Use exact color codes: “Use #3498db for blue instead of the default.”

What You Can Make

With Cursor + Animo, you can create:

• Math explainers (algebra, calculus, geometry)
• Physics simulations (motion, forces, waves)
• Data charts and graphs
• Algorithm animations (sorting, searching, trees)
• Educational content for any visual concept

The limit is your imagination, not your coding skills.

Next Steps

1. Try making your first animation right now
2. Read Getting Started with Animo for more basics
3. Look at Templates for inspiration

You have the tools. Start creating.