Get Now

File Manager
for Svelte

Fast-performing and easy-to-navigate file manager component for your Svelte-based apps. Browse and manage your files in a sleek and effective way.

Supported frameworks

previewpreview

Why Use SVAR File Manager for Svelte?

Client-side solution

This File Manager (or File Explorer) is a modern UI component written in Svelte. Its intuitive API allows you to easily customize it to your needs and connect to any server-side backend - display files from your local file system, database or cloud storage.

Client-side solution

All essential file operations

With SVAR File Manager, you can perform all necessary file operations: download, upload, create, delete, copy, cut, paste, rename files. You can also preview files, as well as display file size, date of creation and other meta info up to your choice.

All essential file operations

List and tiles views

For user convenience, our Svelte File Manager offers two layouts to display the content of a folder: tabular List View with detailed file info as well as Tiles View with icons or thumbnails.

List and tiles views

Easy navigation

To simplify navigation through a file system, SVAR File Manager has a tree view on the left that displays folders in a hierarchical manner. Additionally, you can use the breadcrumbs on the top to easily see the current location within your file system.

Easy navigation

Split View

Our file manager component offers a convenient split view feature, facilitating effortless copying, moving, and organization of files between two distinct locations of your file system.

Split View

Searching and sorting features

With built-in searching functionality, you can quickly find a needed file or folder by simply typing its name in a search box. You can also sort the content of the folder in either ascending or descending order by clicking the column header in a list view.

Searching and sorting features

Customizable context menu

In SVAR File Manager you can access file operations with a context menu, which allows you to manage your files and folders: copy, paste, cut, rename, delete, download, etc. The context menu can be adjusted per each file/folder individually to handle custom file operations.

Customizable context menu

Svelte File Manager Live Demo

Additional Features of Svelte File Manager

Dynamic loading

To minimize initial loading time, you can show only the top-level folders first. When the user opens a folder, its content will be loaded dynamically by request.

Keyboard shortcuts

SVAR File Manager allows you to use keyboard shortcuts for all supported file operations (create, delete, download, copy, cut paste, rename), which makes file management even more efficient.

Customizable appearance

Our Svelte File Manager comes with 3 attractive skins, including light and dark themes. You can also easily customize the look and behavior of the file manager: change colors, icons, menu items, etc.

Storage info

Storage space information is shown to monitor available free space. In scenarios where multiple users access the file system, a 'refresh' button is available to update the folder's contents in real-time.

Licensing and pricing

Perpetual license, 1 year of support and updates included
Developer
1 developer
1 project
Standard support
SaaS
Application
5 developers
1 project
Standard support
SaaS
Most popular
Team
5 developers
Unlimited projects
Priority support
SaaS
Enterprise
20 developers
Unlimited projects
Priority support
SaaS

Help is here. Choose the most suitable option and let us make your journey with SVAR components even more seamless.

Fast technical support via email for customers and trial users
Free Community Forum moderated by Support team as well
All-covered documentation and tutorials

Get Free Trial of SVAR Svelte File Manager

Fill in the form below to start your 30-days trial with professional support.
You'll get access to the npm package of fully-functional SVAR File Manager.

Thank you!

To add the File Manager to your project, run the next commands:


Terminal window
# configure npm to use the SVAR private registry
npm config set @wx:registry https://npm.svar.dev
# install the trial package of the File Manager
npm install @wx/trial-svelte-filemanager
Follow the documentation to learn about File Manager's features.
For technical support, use our forum or write us on info@svar.dev.

Resources

Cookie Notice:
We use cookies to enhance your browsing experience and analyze site traffic. By continuing to use our website, you consent to the use of cookies. Learn more about our cookie policy here.
Ok