> 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/app-design.md).

# 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)