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

The FileManager component is a powerful tool for managing files and folders within applications. With its intuitive interface, users can easily navigate and organize their files with features such as file previewing, renaming, sorting, searching, uploading, and downloading. This component provides a comprehensive file management solution that streamlines file operations and enhances the user experience.

### Live Demo

<LiveDemo data='{"links":[{"text":"Blazor","url":"https://demos.telerik.com/blazor-ui/filemanager/overview"},{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/filemanager/index"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/filemanager"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/filemanager"}],"demo":"components/filemanager/overview"}'></LiveDemo>

### Anatomy

The anatomy of the FileManager summarizes the visual and functional elements of the component. The main elements include a toolbar with predefined commands and a three-pane layout for seamless content viewing and previewing. It also provides split bars that allow the user to adjust the size of the panes by dragging.

The next image shows the anatomy of a FileManager and includes the following elements:

<BlueprintImage data='{"description":"","labels":[{"text":"Toolbar"},{"text":"Panels container"},{"text":"Navigation panel"},{"text":"TreeView"},{"text":"Split bar"},{"text":"Content panel"},{"text":"Breadcrumb header"},{"text":"Content area - ListView"},{"text":"ListView item"},{"text":"Preview panel"}]}'>![A Telerik and Kendo UI FileManager component](images/components-filemanager-overview-anatomy-v2.png "Anatomy and elements of a Telerik and Kendo UI FileManager component")</BlueprintImage>

### Framework-Specific Documentation

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

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

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

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

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

</Wrap>