syncfusion avatar

Syncfusion Blazor File Manager

If you need a full-featured file browser in your Blazor app, this wraps Syncfusion's FileManager component with support for local files, Azure Blob, S3, Google Drive, SharePoint, and Firebase. It handles the usual operations (upload, download, copy, move, rename, delete) plus drag-and-drop, virtualization for large directories, and pagination with events. The skill covers three data binding patterns: AJAX endpoints, local data with OnRead events, and injected services. You get 20+ events to hook into, toolbar and context menu customization, and methods like DownloadFilesAsync for programmatic control. It's overkill if you just need a simple file picker, but if you're building an actual file management interface with cloud storage, this does the heavy lifting.

skills.sh installs
384
GitHub stars
4
last updated
Aug 21, 2026

Install

$ npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-file-manager --agent claude-code

Installs into .claude/skills of the current project.

Files

Implementing Syncfusion Blazor FileManager

When to Use This Skill

Use this skill when you need to:

  • Create a file management interface - Build web applications for browsing, uploading, downloading, and managing files
  • Set up cloud storage integration - Connect to Azure Blob Storage, Amazon S3, Google Drive, SharePoint, or Firebase
  • Deploy a unified provider service via Docker - Run the combined Azure Blob / Amazon S3 provider image and point the Blazor File Manager at it
  • Implement file operations - Enable users to create, delete, rename, copy, move, search files and folders
  • Handle large file sets - Display thousands of files with virtualization and pagination
  • Customize the UI - Tailor toolbar, context menu, views, and navigation to your needs
  • Add drag-and-drop functionality - Allow users to drag and drop files for upload or organization
  • Build accessible file systems - Provide WCAG-compliant file management with keyboard navigation
  • Handle complex workflows - Implement custom sorting, filtering, previewing, and multi-provider scenarios

Component Overview

Sponsors

Details

Repository
github.com/syncfusion/blazor-ui-components-skills
Categories
Frontend Development, Cloud & Infrastructure, .NET & C#
First seen
Jun 3, 2026

More from syncfusion/blazor-ui-components-skills

All 30
1syncfusion avatarsyncfusion-blazor-treeviewsyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor TreeView component for hierarchical data display with single/multi-selection, editing, expand-collapse, checkboxes, drag-drop, and v380skills.sh installs
2syncfusion avatarsyncfusion-blazor-dropdown-treesyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Dropdown Tree component for hierarchical data selection with single/multi-selection, checkboxes, filtering, and advanced customizati379skills.sh installs
3syncfusion avatarsyncfusion-blazor-query-buildersyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Query Builder component for building dynamic, customizable query interfaces with complex filtering logic. Use this when creating adv379skills.sh installs
4syncfusion avatarsyncfusion-blazor-ai-assistviewsyncfusion/blazor-ui-components-skillsImplement the Syncfusion Blazor AI AssistView component for AI-powered chat interfaces in Blazor applications. Use this skill when implementing conversational A377skills.sh installs
5syncfusion avatarsyncfusion-blazor-chat-uisyncfusion/blazor-ui-components-skillsImplement the Syncfusion Blazor Chat UI component for conversational chat interfaces in Blazor applications. Use this skill when creating chat applications, mes374skills.sh installs
6syncfusion avatarsyncfusion-blazor-mapssyncfusion/blazor-ui-components-skillsImplement interactive spatial data visualization with Syncfusion Maps component for Blazor. Use this skill when user needs to display geographic data, add marke374skills.sh installs