Cloud Storage

Browse, upload, download, delete, rename, and organize files in Firebase Cloud Storage.

Overview

The File Browser provides a full file management interface for Firebase Cloud Storage. Browse files and folders in a table view, upload via drag-and-drop, and organize your storage without switching to the Firebase Console or command-line tools.

Prerequisites

Stackpane uses the Cloud Storage API to power this feature. It must be enabled in your Google Cloud project.

gcloud services enable storage.googleapis.com --project YOUR_PROJECT_ID
  • Required IAM roles: Storage Object Viewer (roles/storage.objectViewer) for read access, or Storage Object Admin (roles/storage.objectAdmin) for read/write access
  • Cost notes: The Spark plan includes 5 GB of storage. Blaze plan pricing applies for storage, download bandwidth, and operations beyond the free tier. Downloading and uploading files through Stackpane counts toward bandwidth and operation quotas.

Browsing Files

Navigate to the Storage section from the sidebar to see the root of your default storage bucket. Files and folders are displayed in a table with the following columns:

  • Name — file or folder name with an icon indicator
  • Size — file size in human-readable format (B, KB, MB, GB)
  • Content Type — MIME type of the file
  • Last Modified — the last update timestamp

Folders always appear before files in the listing, regardless of the current sort order.

Folder Navigation

Click any folder row to navigate into it. The table updates to show the contents of that folder.

A breadcrumb navigation bar at the top shows your current path. Click any breadcrumb segment to jump back to that level. The root is always accessible with a single click.

File Operations

Upload Files

Upload files using the toolbar button or drag-and-drop:

  1. Click the Upload button in the toolbar and select one or more files.
  2. Or drag files from Finder directly onto the file browser.
  3. Upload progress is displayed in a progress bar above the file table.
  4. Files are uploaded to the currently browsed folder path.

Download Files

  1. Select a file in the table.
  2. Click Download in the inspector or use the context menu.
  3. Choose a save location in the file dialog.

Delete Files

  1. Select a file and click Delete in the inspector or context menu.
  2. Confirm the deletion in the dialog.

For bulk deletion, enable selection mode and select multiple files.

Rename and Move

  1. Select a file and click Rename/Move in the inspector.
  2. Edit the file path. Change just the filename to rename, or change the directory portion to move the file.
  3. Click Rename to apply.

Create Folders

  1. Click the New Folder button in the toolbar.
  2. Enter a folder name.
  3. Click Create.

Multi-Select

Enable selection mode from the toolbar to select multiple files for bulk deletion:

  1. Toggle selection mode.
  2. Click checkboxes to select files.
  3. Use the bulk action bar to delete all selected files.

Sorting and Columns

Click column headers to sort by name, size, content type, or last modified date. Toggle column visibility with the column configuration button for a cleaner view.