modules

Animation Engine

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

capabilities

sub modules

use cases

  • Design-to-Code