UploadKit MCP server

UploadKit is a toolkit for adding file uploads to a website or app. It comes with ready-made upload buttons, dropzones, and progress bars for React, plus a way to store the files in your own cloud bucket. This MCP server is for people who already use UploadKit (or want to start) and would like their AI assistant to write the setup code for them.

What this MCP server does

You ask your AI something like "add a file dropzone to my Next.js app." The AI calls this helper, which looks up the right UploadKit package, component name, and setup steps. The helper sends that information back to the AI. The AI then writes the code for you, using the correct imports and options. You copy the code into your project and it works with UploadKit.

Click to zoom

What you can do with it

• Generate a dropzone or upload button component for your app
• Create the Next.js route handler that receives the uploads
• Set up UploadKit with your own storage bucket (S3, R2, GCS, or B2)
• Pick the right premium component for a look you want, like Glass or Terminal
• Search the UploadKit docs to answer a question about setup
• Scaffold a new project with UploadKit already wired in

Try asking your AI

• “Add an UploadDropzone to my Next.js app using UploadKit”
• “Show me how to set up UploadKit with my own Cloudflare R2 bucket”
• “Which UploadKit component looks like the Vercel style dropzone?”
• “Write the route handler for UploadKit that only allows images up to 4MB”

What it gives back to you

You get code snippets, file paths, and short setup instructions right in the chat. The AI explains which package to install and where each file goes. It can also quote the relevant part of the UploadKit docs so you can check it yourself.

Before you start

Who it's for

Developers and technical founders building a web app who want their AI assistant to write correct UploadKit upload code without hunting through docs.