---
title: Animate the elements in the editor
description: Bring static designs to life by adding movement to text, images, and other elements to create dynamic content.
---

[Skip to content](https://help.joomag.com/knowledge/animate-the-elements-in-the-editor#main-content)

English

Show submenu for translations

[![joomag logo blue-3.png\]](https://help.joomag.com/hs-fs/hubfs/joomag%20logo%20blue-3.png?height=29&name=joomag%20logo%20blue-3.png)](https://joomag.com)

- [Joomag Blog](https://help.joomag.com/blog)

Open main navigation

Close main navigation

- [Joomag Blog](https://help.joomag.com/blog)
- English
  
  Show submenu for translations
- [Contact us](mailto:support@joomag.com)

[Contact us](mailto:support@joomag.com)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://help.joomag.com/knowledge?hsLang=en)
2. [The Creative Studio](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en)
3. [Crater Editor Basics](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#crater-editor-basics)

# Animate the elements in the editor

## In this article, you'll learn how to animate elements created through Creative Studio.

1. In the editor, select an element you want to animate
2. Click the **Animate** icon or the option on the right toolbar:
   
   ![](https://help.joomag.com/hs-fs/hubfs/image-png-Jan-15-2026-09-00-20-7617-PM.png?width=670&height=291&name=image-png-Jan-15-2026-09-00-20-7617-PM.png)![](https://help.joomag.com/hs-fs/hubfs/image-png-Jan-15-2026-09-02-50-9837-PM.png?width=506&height=804&name=image-png-Jan-15-2026-09-02-50-9837-PM.png)
3. In the panel that opens on the left, you’ll see the available animation options. Hover over an option to preview it, and click to apply the animation to your element.
   
   <iframe data-hsv-src="https://play.hubspotvideo.com/v/5574303/id/205157123135?autoplay=true" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="205157123135" data-hsv-style="" data-hsv-width="1726" data-hsv-height="1440" data-hsv-autoplay="true" data-hsv-loop="false" data-hsv-muted="false" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>
4. Use the animation settings to adjust the *intensity, speed, and direction* for each applied effect:
   
   ![animation settings](https://help.joomag.com/hs-fs/hubfs/Knowledge%20Base%20Import/animation%20settings.gif?width=227&height=646&name=animation%20settings.gif)
5. To remove the animation, click the X button:
   
   ![](https://help.joomag.com/hs-fs/hubfs/image-png-Jan-15-2026-09-32-20-8545-PM.png?width=496&height=220&name=image-png-Jan-15-2026-09-32-20-8545-PM.png)

💡 In **[this article](https://help.joomag.com/migration/knowledge/how-animation-start-order-works-in-creative-studio?hsLang=en)**, you’ll learn how animation start order works and how to control it.

 

- [Email Marketing](https://help.joomag.com/knowledge/email-marketing?hsLang=en#main-content)

    - [Email Templates Basics](https://help.joomag.com/knowledge/email-marketing?hsLang=en#email-templates-basics)
    - [Standard Email Template Editor](https://help.joomag.com/knowledge/email-marketing?hsLang=en#standard-email-template-editor)
    - [Campaign Basics](https://help.joomag.com/knowledge/email-marketing?hsLang=en#campaign-basics)
- [Publications](https://help.joomag.com/knowledge/publications?hsLang=en)
- [Distribute](https://help.joomag.com/knowledge/distribute?hsLang=en#main-content)

    - [Private Sharing](https://help.joomag.com/knowledge/distribute?hsLang=en#private-sharing)
    - [Embed a Collection](https://help.joomag.com/knowledge/distribute?hsLang=en#embed-a-collection)
    - [URL Customization](https://help.joomag.com/knowledge/distribute?hsLang=en#url-customization)
    - [Embed a Specific Publication](https://help.joomag.com/knowledge/distribute?hsLang=en#embed-a-specific-publication)
    - [AI Tools](https://help.joomag.com/knowledge/distribute?hsLang=en#ai-tools)
- [Collections](https://help.joomag.com/knowledge/collections?hsLang=en)
- [For the Readers](https://help.joomag.com/knowledge/for-the-readers?hsLang=en#main-content)

    - [Managing Reader Account Data](https://help.joomag.com/knowledge/for-the-readers?hsLang=en#managing-reader-account-data)
    - [Publication Viewer](https://help.joomag.com/knowledge/for-the-readers?hsLang=en#publication-viewer)
    - [Mobile HTML5 Viewer](https://help.joomag.com/knowledge/for-the-readers?hsLang=en#mobile-html5-viewer)
- [For Branded Mobile Applications Development](https://help.joomag.com/knowledge/for-branded-mobile-applications-development?hsLang=en#main-content)

    - [Android Branded Application](https://help.joomag.com/knowledge/for-branded-mobile-applications-development?hsLang=en#android-branded-application)
    - [iOS Branded Application](https://help.joomag.com/knowledge/for-branded-mobile-applications-development?hsLang=en#ios-branded-application)
- [Viewer Customization](https://help.joomag.com/knowledge/viewer-customization?hsLang=en)
- [Measure](https://help.joomag.com/knowledge/measure?hsLang=en#main-content)

    - [Analytics](https://help.joomag.com/knowledge/measure?hsLang=en#analytics)
- [The Creative Studio](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#main-content)

    - [Images](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#images)
    - [Links](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#links)
    - [Crater Editor Basics](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#crater-editor-basics)
    - [Texts](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#texts)
    - [Lines and Shapes](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#lines-and-shapes)
    - [Slideshows](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#slideshows)
    - [Popups](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#popups)
    - [Library](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#library)
    - [Videos](https://help.joomag.com/knowledge/the-creative-studio?hsLang=en#videos)
- [Forms](https://help.joomag.com/knowledge/forms?hsLang=en)
- [Create](https://help.joomag.com/knowledge/create?hsLang=en)
- [Engage](https://help.joomag.com/knowledge/engage?hsLang=en)
- [FAQ](https://help.joomag.com/knowledge/faq?hsLang=en)
- [CRM](https://help.joomag.com/knowledge/crm?hsLang=en#main-content)

    - [Filters](https://help.joomag.com/knowledge/crm?hsLang=en#filters)
    - [Contacts](https://help.joomag.com/knowledge/crm?hsLang=en#contacts)
    - [Lists](https://help.joomag.com/knowledge/crm?hsLang=en#lists)
- [Managing Account Data](https://help.joomag.com/knowledge/managing-account-data?hsLang=en#main-content)

    - [Users](https://help.joomag.com/knowledge/managing-account-data?hsLang=en#users)
    - [Payments](https://help.joomag.com/knowledge/managing-account-data?hsLang=en#payments)
    - [Billing](https://help.joomag.com/knowledge/managing-account-data?hsLang=en#billing)
    - [Account Settings](https://help.joomag.com/knowledge/managing-account-data?hsLang=en#account-settings)
    - [Integrations](https://help.joomag.com/knowledge/managing-account-data?hsLang=en#integrations)
    - [User Settings](https://help.joomag.com/knowledge/managing-account-data?hsLang=en#user-settings)
- [Troubleshooting](https://help.joomag.com/knowledge/troubleshooting?hsLang=en)
- [Edu accounts](https://help.joomag.com/knowledge/edu-accounts?hsLang=en)
- [Integrations](https://help.joomag.com/knowledge/integrations?hsLang=en#main-content)

    - [SSO](https://help.joomag.com/knowledge/integrations?hsLang=en#sso)

Copyright © 2026, Joomag, Inc.

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://5574303.fs1.hubspotusercontent-na1.net/hubfs/5574303/video_assets/205165961010/inherited/web_optimized.mp4",
  "dateModified" : "2026-01-15T21:22:22.691Z",
  "duration" : "PT28S",
  "height" : 1440,
  "name" : "animations",
  "thumbnailUrl" : "https://5574303.fs1.hubspotusercontent-na1.net/hubfs/5574303/animations.mp4/medium.jpg",
  "uploadDate" : "2026-01-15T21:22:09.301Z",
  "width" : 1726
}
```