> For the complete documentation index, see [llms.txt](https://docs.zerve.ai/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zerve.ai/guide/notebook-view/blocks/block-types/ui-blocks-input-and-output.md).

# UI Blocks (Input and Output)

You can crate an app using the Input and Output blocks.

## Input Block

You can pass input in multiple formats:

* Text Input
* Number Input
* Dropdown
* Multi-select
* Slider
* File Upload

The input from this block can be used downstream in your code to transform the data and the output variable that has to be shown in the app can be selected in the output block.

<figure><img src="/files/GmHNgKo7ZelDpnkBBwwd" alt=""><figcaption><p>Input Block</p></figcaption></figure>

## Output Block

In the output block, we can select any variables created in the code.

<figure><img src="/files/VWK4NcAdk9j53b25k1PI" alt=""><figcaption><p>Output block</p></figcaption></figure>