> 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/data-viewers.md).

# Data Viewers

Add a Data Viewer List or a Data Viewer Grid to your app in order to connect to your data source:

{% 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 %}

You can design custom layouts for displaying your data:

{% content-ref url="/pages/-MG9\_FgThaONTgUsNSAN" %}
[Custom Data Viewer Layout](/snap-to-place/custom-data-viewer-layout.md)
{% endcontent-ref %}

You can use blocks to let your user create, read, update and delete information in your data source by interacting with the Data Viewer, using Data Sources blocks:

{% content-ref url="/pages/-M5aL5rLKzPYplRcYGE5" %}
[Data Sources](/snap-to-place/data-sources.md)
{% endcontent-ref %}