Skip to content

Overview

Animations in CreativeEditor SDK (CE.SDK) bring your designs to life by adding motion to images, text, and design elements. Whether you’re creating a dynamic social media post, a video ad, or an engaging product demo, animations help capture attention and communicate ideas more effectively.

With CE.SDK, you can create and edit animations either through the built-in UI timeline or programmatically using the CreativeEngine API. Animated designs can be exported as MP4 videos, allowing you to deliver polished, motion-rich content entirely client-side.

Launch Web Demo Get Started

Animation Capabilities in CE.SDK

CE.SDK enables animation across a variety of design elements, giving you the flexibility to animate:

  • Images: Animate image blocks with movements like fades, zooms, or rotations.
  • Text: Animate text layers to create effects such as typewriter reveals or slide-ins.
  • Shapes and Graphics: Add motion to vector shapes, icons, and graphic blocks to create visually rich layouts.

You can animate key properties of these elements, including:

  • Position: Move elements across the canvas.
  • Scale: Zoom in or out dynamically.
  • Rotation: Spin or pivot elements over time.
  • Opacity: Fade elements in and out.

Supported Animation Types

CE.SDK provides a range of animation types designed for common motion effects. Core categories include:

  • Fade: Smooth transitions in or out using opacity changes.
  • Slide: Move elements into or out of the frame from any direction.
  • Zoom: Scale elements up or down to create dynamic emphasis.
  • Rotate: Apply rotational motion for spins or turns.

These animations can be used as in, out or loop animations to create complex sequences.

Timeline and Keyframes

Animations in CE.SDK are structured around a timeline-based editing system. Each scene has a timeline where elements are placed and animated relative to playback time.

Animations can be created entirely through the UI’s timeline editor or managed programmatically by interacting with the CreativeEngine’s animation APIs, offering flexibility for different workflows.