B. Application & Dashboard

File Manager

Grid and list views with folder trees and detail panels, upload progress, file previews, sharing permissions and trash.

6 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add app/file-manager

01Grid view with folder tree

Uses: AppFrame · FileCard · Breadcrumb · IconButton

components/blocks/app/file-manager/01-grid-folder-tree.tsx

Uses: AppFrame · Table · Checkbox · Badge · Button

components/blocks/app/file-manager/02-list-details-panel.tsx

Uses: AppFrame · Progress · IconButton · Badge

components/blocks/app/file-manager/03-upload-progress.tsx

Uses: AppFrame · Table · Checkbox · InlineNote · Button

components/blocks/app/file-manager/06-trash-restore.tsx