JavaScript File Manager, HTML5 UI web widget

JavaScript File Manager or in other words File Explorer is a web widget, part of the UI framework for managing files. Webix suggests a ready-made solution, which is JS File manager, that can be built into any web application. File explorer is an in-demand UI component, which can be used in various UX cases, as it contains all necessary elements for working with lists of objects: search, sorting, table and tile views. Also, Webix widget has double panels view to work with files in the "old school" mode.

filemanager
1 2 3 4 5

1. Familiar interface

Traditional UI for working with files (catalog tree, table and tile arrangement of the files), dual panel and previewing.

2. Easy navigation

Folders tree, "bread crumbs", search on the names of the files and folders. Keyboard support.

3. Build-in files upload and download

A build-in manager of the uploads, an opportunity to download and upload files with one click or with the help of drag-n-drop.

4. Split panels view

Convenient work with two folders in the Total commander style.

5. Preview panel

Text and media files preview is available both for large tiles and in the preview panel.

Why use WEB File Manager?

Backend integration

Clear-cut Integration with Backend Platforms: PHP, Node.js, Golang and .NET.

Web accessibility

Meets Section 508 and WAI-ARIA standards and supports keyboard navigation.

Frontend integration

Integration with jQuery, AngularJS, Vue.js, React and third party libraries.

Cross platform and browser support

Support of All Modern browsers and Quick CSS Styling of your JavaScript File Manager.

Advanced File Management features for your JavaScript web apps

features-1

  • Convenient view of the folders in the form of a table
  • Sorting the list with a click on the table headers
  • Custom icons for different file types

features-2

  • Graphic files thumbnails
  • Text files (PDF, TXT) thumbnails
  • Custom view for media files

features-3

  • Allows to work with two folders simultaneously
  • Convenient copying and moving files
  • Keyboard support and drag-n-drop

features-5

  • File Manager contains a build-in editor for text files

features-6

  • File Manager contains a build-in editor for text files

Responsive JavaScript File Browser live demo

File Manager JavaScript coding samples

Switching Locale

Switching Locale

Ability to switch the language in the File Manager panel

File Manager: Events

File Manager: Events

Ability to see the file path

File Manager: Custom Mode

File Manager: Custom Mode

Ability to view files in the custom mode

File Manager: Compact Skin

File Manager: Compact Skin

Ability to see a greater number of elements in the visible working area

Webix File Manager licensing