---
title: "GIF Block"
description: "A Template reference of how the template is structured. This a useful information for building a custom block or editing templates in code."
url: https://docs.topol.io/email-editor/template-reference/blocks/gif.html
---

# Topol GIF block

**The GIF block renders an `mj-gif`**, an animated image sourced from `src`.

```ts
interface TopolGifBlock extends TopolBlock {
  tagName: "mj-gif";
  attributes: {
    src: string;
    padding: string;
    alt: string;
    href: string;
    containerWidth: number;
    align?: string;
    width?: number;
    widthPercent?: number;
    "css-class"?: "hide_on_mobile" | "hide_on_desktop";
  };
}
```