Components let you re-use animated elements within your project. Motion Libraries let you re-use those same components across all projects on your team.

Libraries are created by distinguishing certain projects on your team as a "Library." Once distinguished, all components within that project will be accessible to drag and drop into any other project in your team.

Components you use on other projects will include the same designs, keyframes, timing, and effects as the original component. So they are a great way to efficiently maintain consistency when working on projects that look similar to each other.

Overview

You can distinguish a project as a Library by publishing it.

1. Create components on a project
2. Open the asset browser on the project
3. Click the (Library icon) publish button in the top right of the asset browser
4. Review the components that will be published
5. Click publish

Your project is now a Library, and all of its components will be available for use on any of your projects. To help you distinguish Libraries from normal projects, Fable switches the project icon from blue to purple on the Dashboard.

Publishing a Library takes a snapshot of the state of your components. When you use Library components across other projects those snapshot versions will be used, ignoring any changes you may have made to your components.

If you'd like to update the contents of your library:
1. Open the Library
2. Open the asset browser
3. Click the publish button
4. Review the changes made on your Library
5. Click update

The updated components will now be available to be added on all other projects.

Publishing Libraries

All published Libraries display on the asset browser of all projects on your team. You can see them listed below local assets on the browser.

To add components from Libraries to your project, simply drag and drop the component from the asset browser to the canvas.

Using Library Components

Getting Started

Reuse components across projects across your team

Reduce the time you spend recreating animated assets on projects that use similar components.

Reuse components across projects across your team

Reduce the time you spend recreating animated assets on projects that use similar components.