> ## Documentation Index
> Fetch the complete documentation index at: https://docs.migma.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Animated Images

> Animate images for email.

## Overview

Bring your emails to life. Ask Migma to animate any image—product photos, hero banners, or anything else—and get a smooth, email-ready animated GIF.

<Frame caption="Create animated GIFs, countdown timers, and remix trending email designs">
  <img src="https://cdn.migma.ai/projects/67fdc02c3fceaac11f443bdd/gifs/gen-veo-gif-diffrerent-graphics-elements-floating-slight-889324.gif" alt="Creative Studio" />
</Frame>

<CardGroup cols={3}>
  <Card title="Animate Any Image" icon="image">
    Turn any still image into eye-catching motion
  </Card>

  <Card title="Smooth Transitions" icon="shuffle">
    Create seamless animations between two images
  </Card>

  <Card title="Email-Ready" icon="envelope">
    Optimized for fast loading in all email clients
  </Card>
</CardGroup>

***

## How It Works

<Steps>
  <Step title="Upload or Select an Image">
    Use any image from your project, upload a new one, or let Migma generate one for you
  </Step>

  <Step title="Ask Migma to Animate">
    Describe the animation you want:

    * "Animate this product with a slow rotation"
    * "Add a subtle zoom effect"
    * "Create a smooth transition to this other image"
  </Step>

  <Step title="Get Your Animated GIF">
    Migma generates a smooth, compressed animation ready to drop into your email
  </Step>
</Steps>

***

## What You Can Do

<Tabs>
  <Tab title="Animate a Still">
    Turn any image into motion:

    * Product rotations and spins
    * Subtle zoom or pan effects
    * Pulsing and breathing motion
    * Floating or bobbing elements

    Just ask: *"Animate this with a gentle zoom"*
  </Tab>

  <Tab title="Transition Between Images">
    Create smooth animations between two images:

    * Before/after reveals
    * Product color variations
    * Feature comparisons
    * Step-by-step sequences

    Just ask: *"Transition from image A to image B"*
  </Tab>

  <Tab title="Generate from Description">
    Describe what you want and Migma creates it:

    * Animated product showcases
    * Motion backgrounds
    * Attention-grabbing CTAs

    Just ask: *"Create an animated banner showing our product rotating"*
  </Tab>
</Tabs>

***

## Use Cases

<CardGroup cols={2}>
  <Card title="Product Showcases" icon="box">
    Show your product from every angle with a smooth 360° rotation
  </Card>

  <Card title="Hero Animations" icon="sparkles">
    Make your email header stand out with subtle, elegant motion
  </Card>

  <Card title="Before/After Reveals" icon="arrows-left-right">
    Show transformations with a seamless transition between two images
  </Card>

  <Card title="Attention-Grabbing CTAs" icon="hand-pointer">
    Draw eyes to your call-to-action with subtle animation
  </Card>
</CardGroup>

***

## Example Prompts

Here's how to ask Migma for animations:

| What You Want    | How to Ask                                                |
| ---------------- | --------------------------------------------------------- |
| Product spin     | *"Animate this product with a slow 360° rotation"*        |
| Zoom effect      | *"Create a subtle zoom-in on this hero image"*            |
| Color transition | *"Transition smoothly between the blue and red versions"* |
| Floating motion  | *"Add a gentle floating effect to this icon"*             |
| Before/after     | *"Animate from the before image to the after image"*      |

***

## Email Optimized

Every animation Migma creates is ready for email:

<Check>**Compressed** for fast loading</Check>
<Check>**Works everywhere** in all major email clients</Check>
<Check>**Smooth playback** at the right frame rate</Check>
<Check>**Right dimensions** for email layouts</Check>

***

## Next Steps

<CardGroup cols={2}>
  <Card title="AI Image Generation" icon="wand-magic-sparkles" href="/content-hub/ai-image-generation">
    Generate the images you want to animate
  </Card>

  <Card title="Visual Editor" icon="pen-to-square" href="/email-editor/visual-editor">
    Add animations to your emails
  </Card>
</CardGroup>

***

## Need Help?

<CardGroup cols={2}>
  <Card title="Join Discord" icon="discord" href="https://discord.gg/ZB6c2meCUA">
    Share your animated creations
  </Card>
</CardGroup>