---
title: "Animations"
description: "Effortlessly add animations to any element in CE.SDK videos using our extensive preset library."
url: "https://img.ly/demos/animations/web/"
type: "demo"
demoId: "animations"
starterkit: "starterkit-video-animations"
platforms: ["Web"]
tags: ["video-editing","web"]
relatedDemos: ["https://img.ly/demos/transitions/web/","https://img.ly/demos/video-ui/web/","https://img.ly/demos/start-with-video/web/","https://img.ly/demos/video-export-options/web/"]
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/video-animations-vanim1/"
webGithub: "https://github.com/imgly/starterkit-video-animations-ts-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-video-animations-ts-web"
---

> This is the markdown version of [Animations](https://img.ly/demos/animations/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/animations/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/video-animations-vanim1.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-video-animations-ts-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-video-animations-ts-web)

Animations can add a layer of dynamic, engaging content to videos helping users tell their stories with impact. CE.SDK offers an extensive library of animation presets, making it easy to apply motion effects to any design element, including text, stickers, shapes, and images. With CE.SDK’s simple, real-time animation tools, you can create professional-grade transitions, looping effects, and more—directly in the editor.

## **Key Features**

- **Pre-Configured Animation Library**

  Our animation library includes a wide range of presets, from fades and slides to spins and zooms. These ready-to-use effects make it simple to add high-quality motion to your videos, enhancing storytelling without the need for advanced editing skills.

- **Smooth Transitions**

  In and Out Animations provide for the ability to smoothly transition between elements and clips. Fades, slides, and zooms are available to create smooth, engaging scene shifts.

- **Loop Animations**

  Looping animations allow you to create recurring effects that play for the entire length of a clip. Set elements like icons or shapes to rotate or pulse continuously.

- **Granular control over animation settings**

  Set animation properties for every preset such as duration, easing and intensity.

## **How to Use Animations**

To add animations, start by selecting an element on the canvas or within the timeline. Or choose “Animations” from the context menu. This will bring up a panel where you can select from “In,” “Out,” and “Loop” animation presets. Customize these animations by adjusting properties such as duration, easing, and intensity. For specific effects, you can also control direction for spins, as well as toggling fade for zoom and blur animations.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.