---
title: "Animation | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Variable Animation

Animation: {  
    prototype: [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/);  
    new (  
        effect?: [AnimationEffect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.AnimationEffect/) | null,  
        timeline?: [AnimationTimeline](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.AnimationTimeline/) | null,  
    ): [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/);  
}

#### Type Declaration

-   -   new (  
            effect?: [AnimationEffect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.AnimationEffect/) | null,  
            timeline?: [AnimationTimeline](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.AnimationTimeline/) | null,  
        ): [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/)
    -   #### Parameters
        
        -   `Optional`effect: [AnimationEffect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.AnimationEffect/) | null
        -   `Optional`timeline: [AnimationTimeline](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.AnimationTimeline/) | null
        
        #### Returns [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/)
        
-   ##### prototype: [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/)