# UploadKit

> UploadKit is a file uploads platform for developers. Open-source TypeScript SDK with 40+ premium React components, managed storage on Cloudflare R2 (zero egress fees), and BYOS (Bring Your Own Storage) mode for S3, R2, GCS, or Backblaze B2. 5 GB free forever.

UploadKit gives developers everything they need to add production-grade file uploads to any app in minutes:

- **SDK**: `@uploadkitdev/react` (components), `@uploadkitdev/core` (framework-agnostic client), `@uploadkitdev/next` (route handler + SSR plugin). MIT-licensed.
- **Hosted storage**: Cloudflare R2 with global CDN, no egress fees.
- **BYOS**: plug your own S3/R2/GCS/B2 bucket — same SDK surface, zero frontend changes, credentials server-side only.
- **Pricing**: 5 GB free forever. Pro $15/mo (100 GB). Team $35/mo (1 TB). Enterprise custom.

## Quickstart

- [Install and wire up UploadKit in 2 minutes](https://docs.uploadkit.dev/docs/getting-started/quickstart)

## Docs

- [Next.js setup](https://docs.uploadkit.dev/docs/getting-started/nextjs): app router handler + provider
- [File routes](https://docs.uploadkit.dev/docs/core-concepts/file-routes): define typed upload endpoints
- [BYOS](https://docs.uploadkit.dev/docs/core-concepts/byos): Bring Your Own Storage (S3, R2, GCS, B2)
- [Presigned URLs](https://docs.uploadkit.dev/docs/core-concepts/presigned-urls): how uploads flow end-to-end
- [Security](https://docs.uploadkit.dev/docs/core-concepts/security): credentials, CORS, and content validation
- [Theming](https://docs.uploadkit.dev/docs/sdk/react/theming): CSS custom properties for design-system integration
- [REST API reference](https://docs.uploadkit.dev/docs/api-reference/rest-api)

## Guides

- [Image upload](https://docs.uploadkit.dev/docs/guides/image-upload)
- [Avatar upload](https://docs.uploadkit.dev/docs/guides/avatar-upload)
- [Document upload](https://docs.uploadkit.dev/docs/guides/document-upload)
- [Multipart upload](https://docs.uploadkit.dev/docs/guides/multipart-upload)
- [Custom styling](https://docs.uploadkit.dev/docs/guides/custom-styling)
- [MCP for AI assistants](https://docs.uploadkit.dev/docs/guides/mcp)
- [Migration from UploadThing](https://docs.uploadkit.dev/docs/guides/migration-from-uploadthing)

## Packages

- [`@uploadkitdev/react`](https://www.npmjs.com/package/@uploadkitdev/react): premium React components
- [`@uploadkitdev/core`](https://www.npmjs.com/package/@uploadkitdev/core): framework-agnostic upload client (browser, Node, Edge)
- [`@uploadkitdev/next`](https://www.npmjs.com/package/@uploadkitdev/next): Next.js handler + adapters (Express, Hono)
- [`@uploadkitdev/mcp`](https://www.npmjs.com/package/@uploadkitdev/mcp): MCP server for AI coding assistants (Claude Code, Cursor, Windsurf)

## For AI assistants

Install the UploadKit MCP server for first-class integration in Claude Code / Cursor / Windsurf / Zed:

```
npx -y @uploadkitdev/mcp
```

Full setup guide: https://docs.uploadkit.dev/docs/guides/mcp

## Optional

- [GitHub](https://github.com/drumst0ck/uploadkit)
- [Pricing](https://uploadkit.dev/pricing)
- [Changelog](https://uploadkit.dev/changelog)