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

# Video Templates

> Browse available templates for template-based video generation

export const TemplateCard = ({template, imageUrl, videoUrl}) => {
  return <div className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full" onClick={() => console.log(template)}>
        <video autoPlay muted loop playsInline className="w-full aspect-square" poster={imageUrl} src={videoUrl} />

        <div className="font-bold flex flex-col p-2 text-center">
            {template}
        </div>
    </div>;
};

## Overview

Templates provide predefined motion patterns and camera movements for your video generation. Use them with the [Template to Video API](/api-reference/ai-video/template-to-video) to create videos with specific animation effects.

## How to Use Templates

When creating a template-based video, specify the `template` parameter in your API request:

```json theme={null}
{
  "template": "kissing_screen",
  "image": {
    "domoai_uri": "<YOUR-DOMOAI-URI>"
  }
}
```

Each template applies a unique motion effect to your input image, creating dynamic videos with controlled animations.

## Available Templates

Browse the template gallery below.

<Columns cols={3}>
  <TemplateCard template="kissing_screen" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/3cb9996f-9908-4d2c-14e3-96cad21b5700/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/8f175b40c701aa9ec33066becfe2226f/downloads/default.mp4" />

  <TemplateCard template="looping_animation" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/1289c9f7-5f98-4dcb-d2b5-1edb615f7400/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/e669a2f8923d1db247dcda861f5c4961/downloads/default.mp4" />

  <TemplateCard template="hug" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/88500333-cd76-4c16-e8bf-28130dc27b00/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/de567057ad7825ff103bf3c8f0983748/downloads/default.mp4" />

  <TemplateCard template="groove_dance" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/f93cadfd-7ffd-45ae-8c55-e410066b0200/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/eeec90ef2bdb2df5d0bb272f5c78227e/downloads/default.mp4" />

  <TemplateCard template="kiss" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/7af873c6-319a-438d-1f2a-a85bf47f5d00/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/cee2d3090907f8fb8964395ef16adde8/downloads/default.mp4" />

  <TemplateCard template="french_kiss" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/373791af-0a48-4255-2694-147ab24a1100/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/9efaaaf087c728c0bd96da019774bf5d/downloads/default.mp4" />

  <TemplateCard template="360_view" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/f43cc398-9c5c-4287-d826-9bece7c1cb00/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/52805c2f2d426ac0a24f42d18f00b84c/downloads/default.mp4" />

  <TemplateCard template="zoom_in" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/fe87f295-d792-47c1-6bac-889e0b4c1200/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/80892512d9f0a591078a0617be450371/downloads/default.mp4" />

  <TemplateCard template="crane_up" imageUrl="https://img-c.domoai.app/cdn-cgi/imagedelivery/_x5qGVgvt8-cROikD3CkFw/ae29a9e8-63a9-4836-b248-b0dd659ee600/public" videoUrl="https://customer-v3pak2qtdtieudrb.cloudflarestream.com/0047f50a09a7b88002335417ec1013ff/downloads/default.mp4" />
</Columns>
