# User Interface & Design

- [Screens](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens.md)
- [Save and Reuse Thunkable Screens](/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](/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](/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](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators.md)
- [How to Use the Thunkable Stack Navigator](/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](/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](/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](/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](/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](/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](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/data-visualization.md)
- [Customize a Data Viewer](/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](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/text.md)
- [Implement Text Input Validation](/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.