# App Design - [User Interface (UI) Components](https://docs.thunkable.com/app-design/ui-components.md) - [Basic Components](https://docs.thunkable.com/app-design/ui-components/basic-components.md) - [Button Component](https://docs.thunkable.com/app-design/ui-components/basic-components/button.md): When you tap on the play icon to hear your favourite music, you are using a button. - [Label Component](https://docs.thunkable.com/app-design/ui-components/basic-components/label.md): The label component allows you to display text in your app. - [Rich Text Component](https://docs.thunkable.com/app-design/ui-components/basic-components/rich-text-component.md) - [Image Component](https://docs.thunkable.com/app-design/ui-components/basic-components/image-1.md): The image component allows you to display pictures in your app and can be made clickable using blocks. - [Icon Component](https://docs.thunkable.com/app-design/ui-components/basic-components/icon.md): The image component allows you to display pictures in your app and can be made clickable using blocks. - [Text Input Component](https://docs.thunkable.com/app-design/ui-components/basic-components/text-input.md): The text input allows the person using your app to type in anything that they want such as words, passwords or numbers. - [Layout Component](https://docs.thunkable.com/app-design/ui-components/basic-components/layout.md) - [Group Component](https://docs.thunkable.com/app-design/ui-components/basic-components/group.md) - [Data Components](https://docs.thunkable.com/app-design/ui-components/data-components.md) - [Simple List Component](https://docs.thunkable.com/app-design/ui-components/data-components/list-viewer.md): The Simple List component allows you to add, view and click on items in a list. - [Data Viewer Components](https://docs.thunkable.com/app-design/ui-components/data-components/data-viewers.md) - [Data Viewer List Component](https://docs.thunkable.com/app-design/ui-components/data-components/data-viewers/data-viewer-list.md): Create powerful, no-code, data-driven apps connected directly to Google Sheets, Airtable, or stored locally. - [Data Viewer Grid Component](https://docs.thunkable.com/app-design/ui-components/data-components/data-viewers/data-viewer-grid.md): Create powerful, no-code, data-driven apps connected directly to Google Sheets, Airtable, or stored locally. - [Custom Data Viewer](https://docs.thunkable.com/app-design/ui-components/data-components/data-viewers/custom-data-viewer.md) - [Input Components](https://docs.thunkable.com/app-design/ui-components/input-components.md) - [Switch Component](https://docs.thunkable.com/app-design/ui-components/input-components/switch.md) - [Slider Component](https://docs.thunkable.com/app-design/ui-components/input-components/slider.md) - [Checkbox Component](https://docs.thunkable.com/app-design/ui-components/input-components/checkbox-component.md) - [Date Input Component](https://docs.thunkable.com/app-design/ui-components/input-components/date-input.md) - [Time Input Component](https://docs.thunkable.com/app-design/ui-components/input-components/time-input.md) - [Media Components](https://docs.thunkable.com/app-design/ui-components/media-components.md) - [Animation Component](https://docs.thunkable.com/app-design/ui-components/media-components/lottie.md) - [Video Component](https://docs.thunkable.com/app-design/ui-components/media-components/video.md): The video component lets you play videos in your app. - [Loading Icon Component](https://docs.thunkable.com/app-design/ui-components/media-components/loading-icon.md) - [Embed Components](https://docs.thunkable.com/app-design/ui-components/embed-components.md) - [Web Viewer Component](https://docs.thunkable.com/app-design/ui-components/embed-components/web-viewer.md): Display websites in your app - [Map Component](https://docs.thunkable.com/app-design/ui-components/embed-components/map.md) - [Canvas Component](https://docs.thunkable.com/app-design/ui-components/embed-components/canvas.md): Create interactive gaming apps with the canvas component. - [PDF Reader Component](https://docs.thunkable.com/app-design/ui-components/embed-components/pdf-reader.md) - [Rating Component](https://docs.thunkable.com/app-design/ui-components/embed-components/rating.md) - [Modules](https://docs.thunkable.com/app-design/ui-components/modules.md) - [Introduction](https://docs.thunkable.com/app-design/ui-components/modules/introduction.md) - [User Guide](https://docs.thunkable.com/app-design/ui-components/modules/user-guide.md) - [Screens](https://docs.thunkable.com/app-design/screen.md): When building apps on Thunkable, Screens function like blank pages in a book. They allow you to display different components and information. - [Save and Reuse Screens](https://docs.thunkable.com/app-design/screen/save-and-reuse-screens.md) - [Improve Thunkable Load Time](https://docs.thunkable.com/app-design/screen/improve-thunkable-load-time.md) - [Navigators](https://docs.thunkable.com/app-design/screens-and-navigators.md): How to set up and organize your app. - [Top Tab Navigator](https://docs.thunkable.com/app-design/screens-and-navigators/top-tab-navigator.md): Possibly the most common style of navigation in mobile apps is tab-based navigation. - [Bottom Tab Navigator](https://docs.thunkable.com/app-design/screens-and-navigators/bottom-tab-navigator.md): Navigate to different screens using a bottom tab navigator. - [Drawer Navigator](https://docs.thunkable.com/app-design/screens-and-navigators/drawer-navigator.md): Navigate to different screens using a clickable drawer that slides out from the side. - [Stack Navigator](https://docs.thunkable.com/app-design/screens-and-navigators/stack-navigator.md) --- # 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.thunkable.com/app-design.md?ask= ``` 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.