> For the complete documentation index, see [llms.txt](https://captivatehelp.newbluelive.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://captivatehelp.newbluelive.com/design-and-customize-graphics/chapter-index-1/designer-library-panel.md).
# Designer Library panel
The Library panel is the Designer’s browser of reusable components. It holds far more than finished graphics: alongside complete project templates, it offers collections of **styles**, **effects**, **lighting**, **shapes**, and **transitions** that you apply to the layers of a design. You build a graphic by combining these with the work you do in the [Workspace](/design-and-customize-graphics/chapter-index-1/designer-workspace-overview.md), the [Timeline](/design-and-customize-graphics/chapter-index-1/designer-timeline-overview.md), and the [Properties panel](/design-and-customize-graphics/chapter-index-1/designer-properties-panel.md).
{% hint style="info" %}
The same panel is the **Graphics Library** in the playout interface, where it shows finished title designs only. The preset collections below appear when you open it in the Designer.
{% endhint %}
## What’s in the Library
* **Project Templates** — complete, ready-to-use title designs, organized into collections. Drop one in to start a design, or use it as a starting point to customize.
* **Styles** — the look and feel of a 2D or 3D layer: font, alignment, kerning, color, transparency, bevel, extrusion, and more.
* **Effects** — animations, warps, and other motion applied to a layer.
* **Lighting** — a scene’s lighting, camera angle, and camera width.
* **Shapes** — predesigned shapes, such as circles and rectangles.
* **Transitions** — in and out animations: fly-ins, warps, zooms, and more.
## Apply a component to your design
The Library works together with the rest of the Designer:
1. Select the layer you want to change, on the canvas or in the Timeline.
2. In the Library panel, choose a collection from the drop-down at the top, then open a folder to see its presets.
3. Hover a thumbnail to preview it on the selected layer in the canvas.
4. Double-click the item — or drag it onto the layer — to apply it. A style restyles the layer; an effect or transition adds motion that shows up in the Timeline; a template starts or replaces the design.
5. Fine-tune the result in the [Properties panel](/design-and-customize-graphics/chapter-index-1/designer-properties-panel.md).
For the full browse, preview, apply, and save procedures — switching between thumbnail and list views, adding your own categories, and more — see [Graphics Library / Library overview](/design-and-customize-graphics/graphics-library-build-side-reference/graphics-library-overview.md).
## Save your own components
Anything you build can become a reusable Library item. Save a finished graphic to a collection, or save a layer’s style, effect, or transition as a preset, so you can apply it again later. See [Save graphics and presets to the library](/design-and-customize-graphics/chapter-index-8/save-graphics-and-presets-to-the-library.md).
## Related
* [Designer Workspace panel](/design-and-customize-graphics/chapter-index-1/designer-workspace-overview.md)
* [Designer Properties panel](/design-and-customize-graphics/chapter-index-1/designer-properties-panel.md)
* [Graphics Library / Library overview](/design-and-customize-graphics/graphics-library-build-side-reference/graphics-library-overview.md) — the full Library reference.
* [Library panel](/get-started/chapter-index-2/library-panel.md) — the Library in the playout interface.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://captivatehelp.newbluelive.com/design-and-customize-graphics/chapter-index-1/designer-library-panel.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
