Search Docs
Everything
Guides
API Reference
Loading...
Skip to content
/
SDK Docs
Search (⌘+K)
Search (⌘+K)
Menu
Angular
Mobile
iOS
Android
Flutter
React Native
Web
Vanilla JS/TS
React
Angular
Vue
Svelte
Next.js
Nuxt.js
SvelteKit
Server
Node.js (Native)
Node.js
Renderer
Desktop
Electron
Mac Catalyst
macOS
AI & Agents
CoDesign
v1.85.0 (latest)
API Reference
Capabilities
Changelog
Release Notes
Demo
Support
Discord
Contact Sales
Get Started
Build with AI
Concepts
Starter Kits
Guides
AI Features
Configuration
Actions
Settings
Serve Assets
Engine
Automate Workflows
User Interface
Open the Editor
Insert Media Assets
Import Media Assets
Export Media Assets
Save
Store Custom Metadata
Create and Edit Images
Create and Edit Videos
Create and Edit Audio
Create and Edit Text
Create and Edit Shapes
Create and Edit Stickers
Create and Edit Compositions
Create and Use Templates
Colors
Fills
Outlines
Filters and Effects
Animation
Overview
Supported Animation Types
Create Animations
Edit Animations
Composition Groups
Time Remap
Keyframes
Follow Another Block
Text Animators
Motion Paths
Motion Blur
Anchor, Skew and Auto-Orient
Rules
Conversion
Improve Performance
Plugins
API Reference
Compatibility & Security
Upgrading
CE.SDK
/
…
/
Angular
/
Guides
/
Animation
Copy page
View Markdown
Open this page in Markdown
Open in ChatGPT
Ask ChatGPT about this page
Open in Claude
Ask Claude about this page
Animation
Overview
Add motion to designs with support for keyframes, timeline editing, and programmatic animation control.
Supported Animation Types
Apply different animation types to design blocks in CE.SDK and configure their properties.
Create Animations
Create entrance, exit, loop, and text animations with CE.SDK preset animation APIs.
Edit Animations
Modify existing animations in CE.SDK by reading properties, changing duration and easing, adjusting direction, and replacing or removing animations from blocks.
Composition Groups
Give the children of a group their own clock, run them faster with the group speed, and start them with the group.
Time Remap
Freeze, reverse or replay the children of a composition group by remapping their clock with a static value or keyframes.
Keyframes
Animate single block properties over time with keyframes, easing curves and absolute or relative tracks.
Follow Another Block
Make a block follow the position, rotation and scale of another block with a transform parent, also while that block is animated.
Text Animators
Animate the characters, words or lines of a text block with text animators, range selectors and keyframes.
Motion Paths
Move a block along a straight or curved path with vec2 position keyframes and spatial tangents.
Motion Blur
Blur moving blocks in exported videos and in the preview with a shutter angle, a shutter phase and a number of samples.
Anchor, Skew and Auto-Orient
Set the point that a block turns, scales and skews about, shear a block with a skew, and turn a block along its motion path.
Previous
Stroke Effect
Next
Overview
©
IMG.LY
Contact Us
Imprint
Privacy Policy
Acknowledgements
Terms