> For the complete documentation index, see [llms.txt](https://docs.thunkable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thunkable.com/snap-to-place/user-interface.md).

# User Interface

The User Interface (UI) category is a collection of all the components you need to design the look and feel of your app. 

UI Components are visible components that users can move, click on, and type in. Each UI component is described in greater detail on its own page.

## User Interface Components

{% content-ref url="/pages/-LZ7M7cu5YUM8tROWizB" %}
[Button](/snap-to-place/button.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LZ7M7cv7TjcLzky0D3Q" %}
[Label](/snap-to-place/label.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LZ7M7cw2eMP3S2K9qcs" %}
[Text Input](/snap-to-place/text-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LZ7M7cxWwN2dxPqhClS" %}
[Web Viewer](/snap-to-place/web-viewer.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LZ7M7cyCzI8Ehm6k5CW" %}
[List Viewer](/snap-to-place/list-viewer.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LZ7M7czf3VAobpwsnq4" %}
[Switch](/snap-to-place/switch.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LZ7M7d-YbtREveHwbWr" %}
[Slider](/snap-to-place/slider.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LZ7M7d01XW5hqws52VP" %}
[Alert](/snap-to-place/alert.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LbP0rwZgxy\_DHjGS2Tm" %}
[Loading Icon](/snap-to-place/loading-icon.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LnPKwIA\_F-jEZIfJCRp" %}
[Date Input](/snap-to-place/date-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LnPL-YR8d8krt3CXiJ7" %}
[Time Input](/snap-to-place/time-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lo2uawCQOCF3JARSmVr" %}
[PDF Reader](/snap-to-place/pdf-reader.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M0Iz4G7zRNg7qOgQ5U0" %}
[Data Viewer List](/snap-to-place/data-viewer-list.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M0IzFX1cY6f\_XkJZ\_1A" %}
[Data Viewer Grid](/snap-to-place/data-viewer-grid.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MGxGcb6WATXunIQAREz" %}
[Rating](/snap-to-place/rating.md)
{% endcontent-ref %}