# Components

A Universal app website is composed of components. In addition to the core component, you can also extend Universal with a large set of community created components.

Additional components can be downloaded from the [UD Marketplace](https://marketplace.universaldashboard.io/).

External components are distributed as PowerShell modules and can be used in an app by using `Import-Module`.

When building an app, you can simply call the PowerShell cmdlets within your app script to create a new component.

```powershell
New-UDApp -Title 'Dashboard' -Content {
    New-UDTypography -Text 'Hello, world!'
}
```

## Adding Components to Apps

You can add component modules by clicking the Components button on the App page and then adding the components. This list will also include components downloaded from the Marketplace.

![Add Components to a Dashboard](https://427210397-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZsd6kaluvxbsdXs9MWxX%2Fuploads%2F0syvQ5E2o4nIawzs53Ml%2Fimage.png?alt=media\&token=a840d1fa-bf57-403b-a503-a6e377617889)

### Manual Component Installation

You can manually install components into the assets folder by including the appropriate folder structure and files. All components need to be valid PowerShell modules.

Each component should be in a folder with the module name and an additional folder with the version.

![](https://427210397-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6jY7sXTmhiAIMGYw_m%2F-Mk8pX7Qmulcb5yFM44-%2F-Mk8qMNJ0wuoH7aw2YLr%2Fimage.png?alt=media\&token=8a365420-eccb-4087-85af-a29a11e5c53b)

### Including Components in the Repository

You can also include components within the code Repository. By including them in the repository, they will be downloaded when using [git sync](https://docs.powershelluniversal.com/v4-beta/config/git). This functionality is only enabled when git sync is enabled.

After a git pull is performed on the remote repository, Components will be automatically loaded and available within the Components page within PowerShell Universal. The structure and layout of the components folder is the same as the main assets folder.

![](https://427210397-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6jY7sXTmhiAIMGYw_m%2F-Mk8pX7Qmulcb5yFM44-%2F-Mk8rfVpfi6XWAbk_E6X%2Fimage.png?alt=media\&token=136818c3-3203-49e8-b610-6d733b75a113)


---

# Agent Instructions: 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:

```
GET https://docs.powershelluniversal.com/v4-beta/userinterfaces/components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
