> 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/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design.md).

# User Interface & Design

- [Screens](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens.md)
- [Save and Reuse Thunkable Screens](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens/save-and-reuse-thunkable-screens.md): In this tutorial, we’ll show you how to streamline your workflow and maximize your efficiency across diverse projects by saving a screen from one app project and reusing it in another!
- [Change Thunkable Screens with a Button Click](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens/change-thunkable-screens-with-a-button-click.md): In this tutorial, you’ll learn how to use the “navigate to” block to allow your app’s users to navigate between app screens with a simple button click.
- [Create Scrollable Screens in Your Thunkable App](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens/create-scrollable-screens-in-your-thunkable-app.md): In this tutorial, you’ll learn how to create scrollable screens, which allow users to access a large amount of content within a confined screen space.
- [Navigators](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators.md)
- [How to Use the Thunkable Stack Navigator](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/how-to-use-the-thunkable-stack-navigator.md): In this tutorial, we'll explore what a stack navigator is and provide step-by-step instructions on implementation.
- [How to Use Thunkable Top and Bottom Tab Navigators](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/how-to-use-thunkable-top-and-bottom-tab-navigators.md): In this tutorial, we'll explore the benefits of using a top or bottom tab navigator and provide step-by-step instructions on implementation.
- [How to Use the Thunkable Drawer Navigator](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/how-to-use-the-thunkable-drawer-navigator.md): In this tutorial, we'll explore the benefits of using a drawer navigator and provide step-by-step instructions on implementation.
- [Combine Figma Frames with Thunkable Navigators](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/combine-figma-frames-with-thunkable-navigators.md): Thunkable allows you to design your UI for your no code app in Figma and quickly add functionality within our platform.
- [Components](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/components.md)
- [How to Use the Visibility Property to Create Modals in Thunkable](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/components/how-to-use-the-visibility-property-to-create-modals-in-thunkable.md): In this tutorial, we'll show you how to use the UI component visibility property to create a modal, a temporary screen overlay, in your Thunkable project.
- [Data Visualization](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/data-visualization.md)
- [Customize a Data Viewer](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/data-visualization/customize-a-data-viewer.md): In this tutorial, we’ll show you how to customize a Thunkable data viewer so you can display your data in a way that meets your user’s needs and reflects your brand design.
- [Text](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/text.md)
- [Implement Text Input Validation](https://docs.thunkable.com/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/text/implement-text-input-validation.md): In this tutorial, we’ll implement text input validation to disable a button until text input conditions are met.