firebase-storage-kit

firebase-storage-kit

Storage manager for Firebase Storage with uploads, progress tracking, batch uploads, and file query helpers.

Full documentation: firebase-storage-kit.vercel.app/docs

Install

npm install firebase firebase-storage-kit

Also works with Yarn, pnpm, or Bun. See Installation for all package managers.

Quick start

import { getStorage } from "firebase/storage";
import { StorageManager } from "firebase-storage-kit";

const storage = getStorage(app);
const manager = new StorageManager(storage);

const handle = manager.uploadFile(file, { path: `uploads/${file.name}` });

handle.on("progress", (upload) => {
  console.log(upload.progress);
});

handle.on("success", (upload) => {
  console.log(upload.downloadURL);
});

React

import { useStorageManager, useUpload } from "firebase-storage-kit/react";

const manager = useStorageManager(storage);
const handle = manager.uploadFile(file, { path: `uploads/${file.name}` });
const upload = useUpload(handle);

See React hooks.

Learn more

• Single upload
• Batch uploads
• API reference
• Troubleshooting

License

MIT