> ## Documentation Index
> Fetch the complete documentation index at: https://docs.livepeer.org/llms.txt
> Use this file to discover all available pages before exploring further.

# UI Templates

> Generated catalog of canonical UI page and block templates, authoring snippets, and source locations.

export const DISPLAY_NAME_0 = undefined

export const DESCRIPTION_0 = undefined

export const PRODUCT_NAME_0 = undefined

export const PRODUCT_DESCRIPTION_0 = undefined

<Note>
  **Generation Script**: This file is generated from script(s): `operations/scripts/generators/components/library/generate-ui-templates.js`. <br />
  **Purpose**: UI template catalog, preview routes, and snippet inventory derived from canonical template sources. <br />
  **Run when**: Page/block templates or component registry examples change. <br />
  **Important**: Do not manually edit this file; run `node operations/scripts/generators/components/library/generate-ui-templates.js --write`. <br />
</Note>

## Source of Truth

* Canonical page templates live in `snippets/templates/pages/**`.
* Canonical block templates live in `snippets/templates/blocks/**`.
* Generated VS Code snippets live in `.vscode/templates.code-snippets` and `.vscode/components.code-snippets`.

## Source Tree

<Tree>
  <Tree.Folder name="snippets/templates" defaultOpen>
    <Tree.Folder name="blocks">
      <Tree.File name="comparison-matrix.mdx" />

      <Tree.File name="comparison-table.mdx" />

      <Tree.File name="related-pages-cards.mdx" />

      <Tree.File name="related-pages-cta.mdx" />
    </Tree.Folder>

    <Tree.Folder name="pages">
      <Tree.Folder name="canonical">
        <Tree.File name="template-catalog.mdx" />
      </Tree.Folder>

      <Tree.Folder name="concepts-overviews">
        <Tree.File name="overview-page.mdx" />
      </Tree.Folder>

      <Tree.Folder name="data-imports">
        <Tree.File name="social-data-page.mdx" />
      </Tree.Folder>

      <Tree.Folder name="domain-pages">
        <Tree.File name="solutions-overview-template.mdx" />
      </Tree.Folder>

      <Tree.Folder name="landing-and-navigation">
        <Tree.File name="landing-frame-page.mdx" />

        <Tree.File name="navigation-page.mdx" />

        <Tree.File name="portal-page.mdx" />
      </Tree.Folder>

      <Tree.Folder name="repo-documentation">
        <Tree.File name="source-of-truth-template.mdx" />

        <Tree.File name="source-of-truth.mdx" />
      </Tree.Folder>

      <Tree.Folder name="resources">
        <Tree.Folder name="compendium">
          <Tree.File name="faq-page.mdx" />

          <Tree.File name="glossary-consolidated-template.mdx" />

          <Tree.File name="glossary-consolidated.mdx" />

          <Tree.File name="glossary-tab-template.mdx" />

          <Tree.File name="glossary-tab.mdx" />

          <Tree.File name="troubleshooting-page.mdx" />
        </Tree.Folder>

        <Tree.Folder name="technical-reference">
          <Tree.File name="openapi-endpoint-page.mdx" />
        </Tree.Folder>

        <Tree.File name="changelog-automated-template.mdx" />

        <Tree.File name="changelog-solutions-template.mdx" />

        <Tree.File name="changelog-template.mdx" />

        <Tree.File name="openapi-endpoint-page.mdx" />

        <Tree.File name="reference-page.mdx" />
      </Tree.Folder>

      <Tree.Folder name="setup-and-code-layouts">
        <Tree.File name="multi-view-page.mdx" />
      </Tree.Folder>

      <Tree.Folder name="tutorial-and-guides">
        <Tree.File name="how-to-page.mdx" />

        <Tree.File name="tutorial-page.mdx" />

        <Tree.File name="tutorial.mdx" />
      </Tree.Folder>

      <Tree.File name="page-composition-framework.mdx" />
    </Tree.Folder>
  </Tree.Folder>
</Tree>

## Page Templates

| Template                              | Source                                                                             | Snippet Prefix                            | Description                                                                                                                                                              |
| ------------------------------------- | ---------------------------------------------------------------------------------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Template Catalog Page Template        | `snippets/templates/pages/canonical/template-catalog.mdx`                          | `template-template-catalog`               | Copy-ready scaffold for canonical template catalog and folder-reference pages.                                                                                           |
| Overview Page Template                | `snippets/templates/pages/concepts-overviews/overview-page.mdx`                    | `lp-overview`                             | Reusable concept overview page scaffold with an overview section, key ideas, and related links.                                                                          |
| \[PRODUCT\_NAME] Recent Announcements | `snippets/templates/pages/data-imports/social-data-page.mdx`                       | `lp-social-data`                          | Latest videos, socials, and community activity for \[PRODUCT\_NAME].                                                                                                     |
| \[PRODUCT\_NAME]                      | `snippets/templates/pages/domain-pages/solutions-overview-template.mdx`            | `template-solutions-overview-template`    | \[One-sentence description of what the product does and its relationship to Livepeer.]                                                                                   |
| Landing Frame Page Template           | `snippets/templates/pages/landing-and-navigation/landing-frame-page.mdx`           | `lp-landing-frame`                        | Frame-mode landing page scaffold with hero content, start-here cards, and key-path cards.                                                                                |
| Navigation Page Template              | `snippets/templates/pages/landing-and-navigation/navigation-page.mdx`              | `lp-navigation`                           | Copy-ready navigation page scaffold with route cards for readers who need a section map.                                                                                 |
| Portal Page Template                  | `snippets/templates/pages/landing-and-navigation/portal-page.mdx`                  | `lp-portal`                               | Copy-ready portal landing page scaffold with frame-mode hero content and mission cards.                                                                                  |
| Page-structure-template               | `snippets/templates/pages/page-composition-framework.mdx`                          | `template-page-composition-framework`     | Describe page-structure-template                                                                                                                                         |
| \[Topic] — Source of Truth            | `snippets/templates/pages/repo-documentation/source-of-truth-template.mdx`         | `lp-sot`                                  | Canonical reference for how \[topic] artifacts are classified, structured, enforced, and maintained.                                                                     |
| \[Topic] — Source of Truth            | `snippets/templates/pages/repo-documentation/source-of-truth.mdx`                  | `lp-sot`                                  | Canonical reference for how \[topic] artifacts are classified, structured, enforced, and maintained.                                                                     |
| {DISPLAY_NAME_0} Changelog            | `snippets/templates/pages/resources/changelog-automated-template.mdx`              | `template-changelog-automated-template`   | {DESCRIPTION_0}                                                                                                                                                          |
| {PRODUCT_NAME_0} Changelog            | `snippets/templates/pages/resources/changelog-solutions-template.mdx`              | `template-changelog-solutions-template`   | Release history for {PRODUCT_NAME_0} — {PRODUCT_DESCRIPTION_0}.                                                                                                          |
| Changelog                             | `snippets/templates/pages/resources/changelog-template.mdx`                        | `template-changelog-template`             | Track significant updates to \[product or section name]. For protocol changes, see the Livepeer Improvement Proposals (LIPs) and Livepeer Forum.                         |
| FAQ Page Template                     | `snippets/templates/pages/resources/compendium/faq-page.mdx`                       | `template-faq-page`                       | Copy-ready FAQ page scaffold with canonical frontmatter and AccordionGroup structure.                                                                                    |
| Livepeer Glossary                     | `snippets/templates/pages/resources/compendium/glossary-consolidated-template.mdx` | `template-glossary-consolidated-template` | Complete glossary of terms used across the Livepeer Real-time AI & Video Network — protocol, video, AI, web3, and operational terminology.                               |
| Livepeer Glossary                     | `snippets/templates/pages/resources/compendium/glossary-consolidated.mdx`          | `template-glossary-consolidated`          | Complete glossary of terms used across the Livepeer Real-time AI & Video Network — protocol, video, AI, web3, and operational terminology.                               |
| \[Tab] Glossary                       | `snippets/templates/pages/resources/compendium/glossary-tab-template.mdx`          | `template-glossary-tab-template`          | Key terms and definitions for the Livepeer \[tab] section — \[one sentence scope].                                                                                       |
| \[Tab] Glossary                       | `snippets/templates/pages/resources/compendium/glossary-tab.mdx`                   | `template-glossary-tab`                   | Key terms and definitions for the Livepeer \[tab] section — \[one sentence scope].                                                                                       |
| Troubleshooting Page Template         | `snippets/templates/pages/resources/compendium/troubleshooting-page.mdx`           | `template-troubleshooting-page`           | Copy-ready troubleshooting page scaffold with Symptom, Cause, Fix, and Verify sections.                                                                                  |
| OpenAPI Endpoint Template             | `snippets/templates/pages/resources/openapi-endpoint-page.mdx`                     | `template-openapi-endpoint-page`          | Copy-ready OpenAPI endpoint page scaffold with canonical reference frontmatter.                                                                                          |
| Reference Page Template               | `snippets/templates/pages/resources/reference-page.mdx`                            | `lp-reference`                            | Lookup-oriented reference scaffold with inputs, outputs, and a concrete example.                                                                                         |
| OpenAPI Endpoint Template             | `snippets/templates/pages/resources/technical-reference/openapi-endpoint-page.mdx` | `template-openapi-endpoint-page`          | Copy-ready OpenAPI endpoint page scaffold with canonical reference frontmatter.                                                                                          |
| Multi-View Setup Template             | `snippets/templates/pages/setup-and-code-layouts/multi-view-page.mdx`              | `template-multi-view-page`                | Copy-ready scaffold for setup guides that switch between platform or environment views and include nested mode tabs, code blocks, reference cards, and validation steps. |
| How-To Page Template                  | `snippets/templates/pages/tutorial-and-guides/how-to-page.mdx`                     | `lp-howto`                                | Task-oriented page scaffold with prerequisites, steps, validation, and a next-step CTA.                                                                                  |
| Tutorial Page Template                | `snippets/templates/pages/tutorial-and-guides/tutorial-page.mdx`                   | `lp-tutorial`                             | End-to-end tutorial scaffold with goals, prerequisites, steps, and follow-up links.                                                                                      |
| Tutorial Template                     | `snippets/templates/pages/tutorial-and-guides/tutorial.mdx`                        | `template-tutorial`                       | Copy-ready scaffold for tutorial and guide pages with step-by-step structure.                                                                                            |

## Block Templates

| Template                   | Source                                              | Snippet Prefix               | Description                                                                                   |
| -------------------------- | --------------------------------------------------- | ---------------------------- | --------------------------------------------------------------------------------------------- |
| Comparison Matrix Template | `snippets/templates/blocks/comparison-matrix.mdx`   | `template-comparison-matrix` | Reusable comparison and decision matrix for product or architecture choice pages.             |
| Comparison Table Block     | `snippets/templates/blocks/comparison-table.mdx`    | `template-comparison-table`  | Reusable comparison table block for choosing between options, workflows, or deployment paths. |
| Related Pages Cards Block  | `snippets/templates/blocks/related-pages-cards.mdx` | `template-related-pages`     | Reusable related-pages card group for end-of-page CTA sections.                               |
| Related Pages CTA Template | `snippets/templates/blocks/related-pages-cta.mdx`   | `template-related-pages-cta` | Reusable related-pages block template for routing readers to the next two pages.              |

## Generated Outputs

* `docs-guide/catalog/ui-templates.mdx`
* `.vscode/templates.code-snippets`
* `.vscode/components.code-snippets`