Lottielab Docs
  • Getting Started
    • Welcome to Lottielab
    • Tutorials
    • Templates and Examples
    • Design vs Animate mode
    • Keyboard Shortcuts
    • FAQ
  • File management
    • Dashboard UI Overview
    • Files
      • Create a file
      • Import a file
      • Duplicate a file
      • Export a file
      • Move a file
      • Share link to file
      • Rename a file
    • Teams
      • Create a team
      • Invite team members
      • Rename a team
    • Folders
      • Create a folder
      • Rename a folder
      • Delete a folder
  • Editor
    • Editor UI Overview
    • Tools
      • Selection Tools
      • Shape Tools
      • Pen tool and paths
        • Create a path
        • Curve a path
        • Add a point on a path
        • Delete a point on a path
        • Convert shape to path
      • Import
      • Layer mask
    • Animating
      • Design vs Animate mode
      • Auto-animate
      • Timeline
        • Duration and playback
        • Playhead and controls
        • Keyframes
          • Add a keyframe
          • Duplicate keyframes
          • Keyframe thumbnails
        • Transition bar
        • Layers and properties
      • Easing
        • Add easing
        • Custom easing
          • Speed Graph
          • Anticipation
          • Overshoot
        • Easing presets
    • Organising Layers
      • Layer actions
        • Select/ Multi-select layers
        • Rename a layer
        • Align layers on canvas
        • Re-order layers
        • Delete a layer
        • Hide a layer
        • Lock a layer
      • Groups
        • Grouping layers
        • Ungroup layers
    • Properties
      • Transform
        • Position
        • Scale
        • Size/ Dimensions
        • Rotation
        • Skew
        • Anchor Point (Origin)
        • Corner Radius
      • Visibility
      • Fill/ Color
        • Add/ change fill color
        • Gradient
          • Linear gradient
          • Radial gradient
          • Gradient stops
          • Gradient handles (width and direction)
        • Eye dropper
        • Fill Opacity
        • Document colors
        • Color model
      • Stroke
      • Reveal Path (Trim path)
    • Canvas
      • Infinite Canvas/ Multiple Artboards
      • Artboard properties
      • Layer controls (HUDs)
        • Layer transform controls
        • Motion Path
          • Create a motion path
          • Curving a motion path
          • Motion path easing
      • Zoom
      • Animation Duration
    • Interactivity
      • Intro to Interactivity
      • States
      • Interactions
      • Formulas
      • Using Interactive Lotties
  • Export & Hand-off
    • Comments
    • Share link to file
    • Livelink (CDN)
      • Optimisation
      • Customising embed links
    • Code Export Platforms
      • Web
        • JavaScript (Vanilla)
        • React JS
        • Angular
        • Vue JS
        • Webflow
        • Framer
        • Wordpress
      • Mobile
        • iOS
        • Android
        • React Native
    • File download
      • Lottie JSON download
      • GIF download
      • MP4 download
Powered by GitBook
On this page
  • Getting started
  • File management
  • Editor
  • Export & Hand-off
  • Support & Feedback

Was this helpful?

  1. Getting Started

Welcome to Lottielab

NextTutorials

Last updated 11 months ago

Was this helpful?

Welcome to Lottielab Docs. This documentation goes through the features of the editor and various actions that are possible for creating, collaborating on and shipping animated assets with Lottielab to your website or application.

There are 4 main sections in this documentation: Getting started, File management, the Editor and Exporting.

Getting started

Getting started with Lottielab is really easy and in most cases, you'll find yourself not needing much of a guide on things. If you'd like to dive straight into creating your first animation, .

To help you get started, you can also check out the following quick links too:

  • in Lottielab

File management

Lottielab is a powerful tool for organising, managing and collaborating on your Lottie animations.

In this section, we dive into the dashboard and the various file management features Lottielab has to offer from and , to and .

Editor

The Lottielab editor is simple, and powerful, allowing you to achieve a wide range of compelling animations.

Export & Hand-off

Exporting your animations to your website or app with Lottielab is lightning fast, allowing you to animate and publish to all Lottie supported platforms seamlessly via an all-in-one tool.

Support & Feedback

If you have any questions, feedback or would like to just say Hi, you can get through to us via the following channels:

In this section, we explore features and actions you can take on the editor from creating animations with and , to the various and that power your animation.

In this section, we go through various such as Lottie, MP4 and Gif, and you can export them to such as Framer, iOS, Web and more.

Email us at

, or .

sign up or login here
Tutorials
Templates and Examples
Animate mode
Our Discord community
Figma import
team management
folders
file creation
importing
File management
Editor
export options
platforms
Export & Hand-off
Our Discord community
support@lottielab.com
Twitter
Instagram
LinkedIn
keyframes
tools
properties
auto-animate