The UploadKit server provides tools to discover components, scaffold project setup, configure storage, and access documentation for integrating UploadKit into React/Next.js projects.

• list_components: Enumerate all 40+ React upload components, optionally filtered by category (classic, dropzone, button, progress, motion, specialty, gallery).

• get_component: Fetch full metadata and a ready-to-paste TSX usage example for a specific component by its PascalCase name.

• search_components: Fuzzy-search the component catalog by keyword, vibe, or design inspiration (e.g. "apple", "stripe checkout", "matrix").

• get_install_command: Generate the shell command to install UploadKit packages for a given package manager (pnpm, npm, yarn, or bun).

• scaffold_route_handler: Generate a complete Next.js App Router upload route handler file with configurable route name, file size limits, allowed MIME types, and max file count.

• scaffold_provider: Return a snippet for wrapping the Next.js root layout with <UploadKitProvider>.

• get_byos_config: Generate Bring-Your-Own-Storage configuration (env variables + handler code) for AWS S3, Cloudflare R2, Google Cloud Storage, or Backblaze B2.

• get_quickstart: Return a complete end-to-end UploadKit setup walkthrough for Next.js.

• search_docs: Full-text search across 88+ UploadKit documentation pages.

• get_doc: Fetch the full markdown content of a specific documentation page by its path.

• list_docs: Enumerate all available documentation pages with titles, descriptions, and paths.

Provides premium upload components with Apple-inspired Aurora design theme for file upload interfaces.

Supports Backblaze B2 as a storage provider for file uploads through BYOS (Bring Your Own Storage) mode.

Integrates with Cloudflare R2 for managed storage and supports R2 as a BYOS storage provider.

Supports Google Cloud Storage as a storage provider for file uploads through BYOS (Bring Your Own Storage) mode.

Provides premium upload components with Linear-inspired Glass design theme for file upload interfaces.

Provides premium upload components with Raycast-inspired Terminal design theme for file upload interfaces.

Provides premium upload components with Vercel-inspired Glass design theme for file upload interfaces.

Provides upload components with Warp-inspired DataStream design for file upload interfaces.

Provides upload components with WeTransfer-inspired Envelope design for file upload interfaces.

pnpm add @uploadkitdev/react @uploadkitdev/next

import { createUploadKitHandler, type FileRouter } from '@uploadkitdev/next';

const router = {
 default: { maxFileSize: '4MB', allowedTypes: ['image/*'] },
} satisfies FileRouter;

export const { GET, POST } = createUploadKitHandler({
 router,
 apiKey: process.env.UPLOADKIT_API_KEY!,
});

// app/layout.tsx
import { UploadKitProvider } from '@uploadkitdev/react';
// <UploadKitProvider endpoint="/api/uploadkit">{children}</UploadKitProvider>

// any page
import { UploadDropzone } from '@uploadkitdev/react';
// <UploadDropzone route="default" />

npx uploadkit init

npx create-uploadkit-app my-app

npx -y @uploadkitdev/mcp

import { createUploadKitHandler, type FileRouter } from '@uploadkitdev/next';
import { createR2Storage } from '@uploadkitdev/next/byos';

const router = {
 media: { maxFileSize: '8MB', maxFileCount: 4, allowedTypes: ['image/*'] },
} satisfies FileRouter;

export const { GET, POST } = createUploadKitHandler({
 router,
 storage: createR2Storage({
 accountId: process.env.CLOUDFLARE_R2_ACCOUNT_ID!,
 accessKeyId: process.env.CLOUDFLARE_R2_ACCESS_KEY_ID!,
 secretAccessKey: process.env.CLOUDFLARE_R2_SECRET_ACCESS_KEY!,
 bucket: process.env.CLOUDFLARE_R2_BUCKET!,
 }),
});

npx -y @uploadkitdev/mcp

https://api.uploadkit.dev/api/v1/mcp

apps/
 web Landing + pricing (uploadkit.dev)
 docs Fumadocs site (docs.uploadkit.dev)
 dashboard SaaS dashboard (app.uploadkit.dev)
 api REST API + MCP remote endpoint (api.uploadkit.dev)
packages/
 core @uploadkitdev/core
 react @uploadkitdev/react
 next @uploadkitdev/next
 mcp @uploadkitdev/mcp (stdio MCP server)
 mcp-core shared MCP tool surface (internal)
 create-uploadkit-app scaffolder for new projects
 db MongoDB models
 emails React Email templates
 shared types, errors, utilities
 ui dashboard components
 config shared tsconfig / eslint / tailwind base