EaseKitDocs
Components
Documentation

Components

Build a part once, reuse it with its own timing, and change every copy at once. Props, variants that animate, and swaps included.

  1. Create a componentTurn layers into a reusable component. Every instance follows edits to the original.
  2. Instances: start, speed and play modeGive every copy its own clock: when it starts, how fast it plays, and whether it plays once, loops or holds.
  3. Edit a componentDouble-click an instance to open the component with its own timeline; every instance follows your edits.
  4. Open components inside componentsGo into a component inside a component, like nested precomps, and back out level by level.
  5. PropsExpose text, colors, images, numbers, visibility and nested components, and set them per instance.
  6. VariantsSets like size or state, each value stored as differences from the base, optionally with its own box size. Switch them per instance, on the timeline or on hover.
  7. Animated variant switchesWhen an instance changes variant, its children move, resize, fade and change color instead of cutting. Set the curve per switch, instance or set.
  8. Nested components and swapsPut components inside components, swap which one a nested slot shows, and pass nested props through to the outer instance.
  9. The component librarySee every component in the scene, place instances, rename, duplicate and delete.