---
title: Overview
position: 1
seo_title: Overview of the ScrollView Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  ScrollView component, and check out the set of available options in its live
  demo.
---
## ScrollView Overview

The ScrollView component is a user interface element that displays horizontal scrolling containers and allows the user to navigate through them one by one. It is used to present images, products, or other content in a visually appealing and intuitive way. Users can interact with the ScrollView by using navigation arrows or pager items, which makes it a versatile tool for creating dynamic and attention-grabbing interfaces.

### Live Demo

<LiveDemo data='{"links":[{"text":"Angular","url":"https://www.telerik.com/kendo-angular-ui/components/scrollview"},{"text":"Blazor","url":"https://demos.telerik.com/blazor-ui/carousel/overview"},{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/scrollview/index"},{"text":"React","url":"https://www.telerik.com/kendo-react-ui/components/scrollview/"},{"text":"Vue","url":"https://www.telerik.com/kendo-vue-ui/components/scrollview/"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/scrollview"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/scrollview"}],"demo":"components/scrollview/overview"}'></LiveDemo>

### Anatomy

The anatomy of the ScrollView summarizes the elements of the component:

<BlueprintImage data='{"description":"","labels":[{"text":"Container"},{"text":"Navigation arrow"},{"text":"ScrollView pager items"}]}'>![Anatomy and elements of the Telerik and Kendo UI ScrollView component including the container, navigation arrow, and pager items](images/components-scrollview-overview-anatomy-v2.png "The Telerik and Kendo UI ScrollView component and the elements in its anatomy")</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular ScrollView ","description":"Find more information about the Kendo UI for Angular ScrollView in the official product documentation of the component.","url":"https://www.telerik.com/kendo-angular-ui/components/scrollview/"}'>![Kendo UI for Angular logo](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for Blazor Carousel","description":"Find more information about the Telerik UI for Blazor Carousel in the official product documentation of the component.","url":"https://docs.telerik.com/blazor-ui/components/carousel/overview"}'>![Telerik UI for Blazor logo](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery ScrollView","description":"Find more information about the Kendo UI for jQuery ScrollView in the official product documentation of the component.","url":"https://docs.telerik.com/kendo-ui/controls/scrollview/overview"}'>![Kendo UI for jQuery logo](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact ScrollView","description":"Find more information about the KendoReact ScrollView in the official product documentation of the component.","url":"https://www.telerik.com/kendo-react-ui/components/scrollview/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue ScrollView ","description":"Find more information about the Kendo UI for Vue ScrollView in the official product documentation of the component.","url":"https://www.telerik.com/kendo-vue-ui/components/scrollview/"}'>![Kendo UI for Vue logo.](/images/vue-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core ScrollView","description":"Find more information about the Telerik UI for ASP.NET Core ScrollView component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/media/scrollview/overview"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC ScrollView","description":"Find more information about the Telerik UI for ASP.NET MVC ScrollView component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/media/scrollview/overview"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>