Introduction
UploadKit is a file upload service for developers. Add beautiful, type-safe file uploads to any app in minutes.
New: UploadKit MCP server
Give Claude Code, Cursor, Windsurf, or Zed first-class knowledge of every UploadKit component and scaffold. Install with npx -y @uploadkitdev/mcp — no API key required. Setup guide →
What is UploadKit?
UploadKit is a File Uploads as a Service (FUaaS) platform — a type-safe, developer-first way to add file uploads to any app. It handles the infrastructure so you can focus on building.
You get managed cloud storage powered by Cloudflare R2, a global CDN, an open-source TypeScript SDK, and premium React components that look great out of the box. Need to use your own S3 or R2 bucket? UploadKit supports BYOS (Bring Your Own Storage) with zero frontend changes.
Key Features
- Managed storage — Cloudflare R2-backed storage with a global CDN. No bucket configuration required.
- BYOS support — Use your own S3-compatible bucket. The SDK API is identical in both modes.
- Premium components —
UploadButton,UploadDropzone,UploadModal,FileList, andFilePreview— dark mode, accessible, and themeable. - End-to-end type safety — Define file routes once in TypeScript; the client and server stay in sync automatically.
- Direct uploads — Files go straight from the browser to storage via presigned URLs. No server bottleneck.
- Dashboard — Manage projects, browse files, create API keys, and track usage in one place.
- AI-assistant ready — Official MCP server exposes UploadKit's 40+ components and scaffolds to Claude Code, Cursor, Windsurf, and Zed. See
@uploadkitdev/mcp.
Quick Links
Quickstart
Add file uploads to your app in under five minutes.
SDK Reference
Explore @uploadkitdev/core, @uploadkitdev/react, and @uploadkitdev/next.
API Reference
Full reference for the UploadKit REST API.
Guides
Step-by-step guides for common upload scenarios.
AI Assistants (MCP)
Let Claude Code, Cursor, Windsurf, and Zed generate UploadKit code with first-class knowledge of every component.