# Animation Engine

Canonical URL: https://babadook.tech/modules/animation-engine
Entity: modules
Content hash: 26425dcfdd7a0424071eb9e9b2d5c55e15d1305dc8e16109d729bc162daff7c5

Keyframe-based animation timeline with 24 preset animations, physics-based easing, scroll-triggered sequences, hover states, and Lottie export.

Keyframe-based animation timeline with 24 preset animations, physics-based easing, scroll-triggered sequences, hover states, and Lottie export.

## motion-that-ships-to-production

Motion That Ships to Production The Animation Engine provides a keyframe-based timeline editor where designers create animations that export as production CSS and JavaScript. 24 preset animations cover common patterns — fade, slide, scale, rotate, bounce, elastic — with full customization. Physics-based easing curves (spring, gravity, friction) create natural-feeling motion. Scroll-triggered animations activate as users scroll through content. Hover state transitions add interactivity. Lottie export enables complex vector animations at minimal file size.

### data Viz

## Animation Engine Specifications

- **Timeline:** Keyframe-based with multi-track support
- **Presets:** 24 built-in: fade, slide, scale, rotate, bounce, elastic, etc.
- **Easing:** Bezier curves + physics-based (spring, gravity, friction)
- **Triggers:** Load, scroll, hover, click, viewport entry, custom
- **Export:** CSS animations, JS transitions, Lottie JSON, GIF, MP4
- **Performance:** 60fps target with GPU-accelerated compositing

## features

presets 24: true

lottie export: true

physics easing: true

scroll triggered: true

keyframe timeline: true

## Relationships

### products

- DXP — https://babadook.tech/products/dxp

### capabilities

- Visual Design Tools — https://babadook.tech/capabilities/visual-design-tools

### sub modules

- Creative & Design — https://babadook.tech/sub-modules/creative-design

### use cases

- Design-to-Code