# Welcome to Lottie Creator
Lottie Creator is a professional animation editor for creating, editing, and exporting Lottie animations. Build everything from simple icons to complex interactive animations with state machines, AI assistance, and powerful editing tools.

<Image src="https://assets.docs.lottiefiles.com/static/91a3fcb89c-640.webp" alt="Lottie Creator Interface" caption="Lottie Creator Interface" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/91a3fcb89c-640.webp 640w, https://assets.docs.lottiefiles.com/static/91a3fcb89c-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/91a3fcb89c-1920.webp 1920w" width="3840" height="2160" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAABYlAAAWJQFJUiTwAAAArElEQVR4nGMwtHH6r2Vi9d/G3fe/f1DEf0fPADBf38rxv1tQzD8GMXnl/yzsHP9Xr1z//9zzu//X7tjyn5OL97+4gsp/J7+I/wxiCsr/eTh5/q/ct+d/9L0l/5ec2PtfkEfgv4icwn8n/4j/DBKKKv+FRCX+Z1dW/U9qK/9fUFPzX0RC5r+kstp/Z5AJIIaqvsl/RR2j/ypapv8VtI3+a5ha/9cytfnvEhD1DwAc6klcVYt1NQAAAABJRU5ErkJggg==" />

**Start designing motion in Lottie Creator:**

<a href="https://lottie.new" target="_blank" rel="noopener noreferrer" className="mt-4 inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-sm h-8 px-3 font-normal text-sm no-underline text-foreground border bg-background shadow-xs transition-all hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50">
  <span>Open Lottie Creator</span>

  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256" fill="currentColor">
    <path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z" />
  </svg>
</a>

## Quick Links

<Grid columns="4">
  <Card title="Getting Started" href="/en/creator/02_quickstart" variant="interactive" />

  <Card title="First Animation" href="/en/creator/02_quickstart/first-animation" variant="interactive" />

  <Card title="Keyboard Shortcuts" href="/en/creator/15_reference/shortcuts" variant="interactive" />

  <Card title="AI Tools" href="/en/creator/13_ai-tools" variant="interactive" />
</Grid>

## Key Features

<List type="bullet">
  <ListItem>**Professional Animation Tools** - Timeline, keyframes, easing editor, and property controls</ListItem>
  <ListItem>**AI-Powered Workflow** - Theme generation, state machine creation, and vector generation</ListItem>
  <ListItem>**Interactive Animations** - Full state machine support with dotLottie</ListItem>
  <ListItem>**Theming System** - Color tokens and theme management</ListItem>
  <ListItem>**Plugin Ecosystem** - Extend functionality with community plugins</ListItem>
  <ListItem>**Export Formats** - Export to Lottie JSON, dotLottie, GIF, MP4, and more</ListItem>
</List>

## What's New

Check out the latest features and improvements in the [Changelog](https://releases.lottiefiles.com/creator-releases).
