drumst0ck/uploadkit

**File uploads for developers. Beautifully.**
Open-source TypeScript SDK + 40+ premium React components + managed storage on Cloudflare R2 — with BYOS (Bring Your Own Storage) mode so you can use your own S3, R2, GCS, or Backblaze B2 bucket. 5 GB free forever.
Website · Docs · Dashboard · Changelog
---
Quickstart — add to an existing project
Most people land here with a Next.js app already running. Three steps:
Create app/api/uploadkit/[...uploadkit]/route.ts:
Wrap the root layout and drop in a dropzone:
Set UPLOADKIT_API_KEY=uk_live_... in .env.local and you're done. Full walkthrough: docs.uploadkit.dev/docs/getting-started/quickstart.
Or use the CLI (recommended)
Detects your framework, installs deps, creates the route handler, and wraps your layout — all in one command. See the CLI guide for details.
Starting a new project?
Templates for **Next.js**, **SvelteKit**, **Remix**, and **Vite** — see the CLI guide.
Using an AI-assistant IDE?
Install the UploadKit MCP server and let Claude Code, Cursor, Windsurf, or Zed wire the whole thing up for you:
---
Packages
| Package | Version | Description |
|---------|---------|-------------|
| @uploadkitdev/core | | Framework-agnostic upload client (browser, Node, Edge) |
| @uploadkitdev/react | | 40+ premium React upload components |
| @uploadkitdev/next | | Next.js App Router handler + Express/Hono adapters |
| @uploadkitdev/mcp | | Official MCP server for AI coding assistants |
| create-uploadkit-app | | Scaffolder for new projects (Next, SvelteKit, Remix, Vite) |
Component highlights
UploadKit ships 40+ components across 7 categories:
- **Classics** — UploadButton, UploadDropzone, UploadModal, FileList, FilePreview
- **Premium dropzones** — Glass (Vercel/Linear), Aurora (Apple), Terminal (Raycast), Brutal (Neo-brutalist), Minimal, Neon
- **Specialty** — UploadAvatar, UploadInlineChat (ChatGPT-style), UploadStepWizard (Stripe Checkout-style), UploadEnvelope (WeTransfer-style)
- **Motion / Progress** — UploadProgressRadial, UploadProgressLiquid, UploadProgressOrbit, UploadCloudRain, UploadBento, UploadParticles, UploadDataStream (Matrix/Warp-style)
- **Galleries** — UploadGalleryGrid, UploadPolaroid, UploadTimeline, UploadKanban, UploadStickyBoard
All are MIT-licensed, dark mode out of the box, themeable via CSS custom properties, and work with or without motion as a peer dep.
BYOS — Bring Your Own Storage
Use the same SDK against your own bucket — zero frontend changes, credentials stay server-side.
Supported providers: **AWS S3** · **Cloudflare R2** · **Google Cloud Storage** · **Backblaze B2**.