# Editor

- [Editor UI Overview](/editor/editor-ui-overview.md)
- [Tools](/editor/tools.md): Your animations are saved as Files in Lottielab. Here are a few actions you can take with your Files"
- [Selection Tools](/editor/tools/selection-tools.md): The selection tools allow you to interact with your canvas and the layers on it in various ways.
- [Shape Tools](/editor/tools/shape-tools.md): The shape tools allow you to create basic shapes like the Rectangle or Ellipse on your artboard, so you can further edit or animate them.
- [Pen tool and paths](/editor/tools/pen-tool-and-paths.md): Already have assets you'd like to get started with, you can import a Lottie or SVG file directly from your dashboard
- [Create a path](/editor/tools/pen-tool-and-paths/create-a-path.md)
- [Curve a path](/editor/tools/pen-tool-and-paths/curve-a-path.md)
- [Add a point on a path](/editor/tools/pen-tool-and-paths/add-a-point-on-a-path.md)
- [Delete a point on a path](/editor/tools/pen-tool-and-paths/delete-a-point-on-a-path.md)
- [Convert shape to path](/editor/tools/pen-tool-and-paths/convert-shape-to-path.md)
- [Import](/editor/tools/import.md)
- [Layer mask](/editor/tools/layer-mask.md)
- [Animating](/editor/animating.md)
- [Design vs Animate mode](/editor/animating/design-vs-animate-mode.md)
- [Auto-animate](/editor/animating/auto-animate.md)
- [Timeline](/editor/animating/timeline.md)
- [Duration and playback](/editor/animating/timeline/duration-and-playback.md)
- [Playhead and controls](/editor/animating/timeline/playhead-and-controls.md)
- [Keyframes](/editor/animating/timeline/keyframes.md)
- [Add a keyframe](/editor/animating/timeline/keyframes/add-a-keyframe.md)
- [Duplicate keyframes](/editor/animating/timeline/keyframes/duplicate-keyframes.md)
- [Keyframe thumbnails](/editor/animating/timeline/keyframes/keyframe-thumbnails.md)
- [Transition bar](/editor/animating/timeline/transition-bar.md)
- [Layers and properties](/editor/animating/timeline/layers-and-properties.md)
- [Easing](/editor/animating/easing.md)
- [Add easing](/editor/animating/easing/add-easing.md)
- [Custom easing](/editor/animating/easing/custom-easing.md)
- [Speed Graph](/editor/animating/easing/custom-easing/speed-graph.md)
- [Anticipation](/editor/animating/easing/custom-easing/anticipation.md)
- [Overshoot](/editor/animating/easing/custom-easing/overshoot.md)
- [Easing presets](/editor/animating/easing/easing-presets.md)
- [Organising Layers](/editor/organising-layers.md): Your animations are saved as Files in Lottielab. Here are a few actions you can take with your Files"
- [Layer actions](/editor/organising-layers/layer-actions.md)
- [Select/ Multi-select layers](/editor/organising-layers/layer-actions/select-multi-select-layers.md)
- [Rename a layer](/editor/organising-layers/layer-actions/rename-a-layer.md)
- [Align layers on canvas](/editor/organising-layers/layer-actions/align-layers-on-canvas.md)
- [Re-order layers](/editor/organising-layers/layer-actions/re-order-layers.md)
- [Delete a layer](/editor/organising-layers/layer-actions/delete-a-layer.md)
- [Hide a layer](/editor/organising-layers/layer-actions/hide-a-layer.md)
- [Lock a layer](/editor/organising-layers/layer-actions/lock-a-layer.md)
- [Groups](/editor/organising-layers/groups.md)
- [Grouping layers](/editor/organising-layers/groups/grouping-layers.md)
- [Ungroup layers](/editor/organising-layers/groups/ungroup-layers.md)
- [Properties](/editor/properties.md)
- [Transform](/editor/properties/transform.md)
- [Position](/editor/properties/transform/position.md)
- [Scale](/editor/properties/transform/scale.md)
- [Size/ Dimensions](/editor/properties/transform/size-dimensions.md)
- [Rotation](/editor/properties/transform/rotation.md)
- [Skew](/editor/properties/transform/skew.md)
- [Anchor Point (Origin)](/editor/properties/transform/anchor-point-origin.md)
- [Corner Radius](/editor/properties/transform/corner-radius.md)
- [Visibility](/editor/properties/visibility.md)
- [Fill/ Color](/editor/properties/fill-color.md)
- [Add/ change fill color](/editor/properties/fill-color/add-change-fill-color.md)
- [Gradient](/editor/properties/fill-color/gradient.md)
- [Linear gradient](/editor/properties/fill-color/gradient/linear-gradient.md)
- [Radial gradient](/editor/properties/fill-color/gradient/radial-gradient.md)
- [Gradient stops](/editor/properties/fill-color/gradient/gradient-stops.md)
- [Gradient handles (width and direction)](/editor/properties/fill-color/gradient/gradient-handles-width-and-direction.md)
- [Eye dropper](/editor/properties/fill-color/eye-dropper.md)
- [Fill Opacity](/editor/properties/fill-color/fill-opacity.md)
- [Document colors](/editor/properties/fill-color/document-colors.md)
- [Color model](/editor/properties/fill-color/color-model.md): Hex code, RGB andHSL
- [Stroke](/editor/properties/stroke.md)
- [Reveal Path (Trim path)](/editor/properties/reveal-path-trim-path.md)
- [Canvas](/editor/canvas.md)
- [Infinite Canvas/ Multiple Artboards](/editor/canvas/infinite-canvas-multiple-artboards.md)
- [Artboard properties](/editor/canvas/artboard-properties.md)
- [Layer controls (HUDs)](/editor/canvas/layer-controls-huds.md)
- [Layer transform controls](/editor/canvas/layer-controls-huds/layer-transform-controls.md)
- [Motion Path](/editor/canvas/layer-controls-huds/motion-path.md)
- [Create a motion path](/editor/canvas/layer-controls-huds/motion-path/create-a-motion-path.md)
- [Curving a motion path](/editor/canvas/layer-controls-huds/motion-path/curving-a-motion-path.md)
- [Motion path easing](/editor/canvas/layer-controls-huds/motion-path/motion-path-easing.md)
- [Zoom](/editor/canvas/zoom.md)
- [Animation Duration](/editor/canvas/animation-duration.md)
- [Interactivity](/editor/interactivity.md): An introduction to creating Interactive Lotties with state machines using Lottielab.
- [Intro to Interactivity](/editor/interactivity/intro-to-interactivity.md): A guide on getting started with creating Interactive Lotties using Lottielab.
- [States](/editor/interactivity/states.md): In-depth reference about the basic building block of Lottielab Interactivity.
- [Interactions](/editor/interactivity/interactions.md): In-depth reference on interactions in Interactive Lotties, and how to use them to achieve rich, reactive animations and components.
- [Formulas](/editor/interactivity/formulas.md): Reference manual for the advanced Custom formula feature.
- [Using Interactive Lotties](/editor/interactivity/using-interactive-lotties.md): Options for exporting, embedding and playing Interactive Lotties on your own websites and apps.