@uploadkitdev/react

Component gallery

40+ upload components — copy with pnpm dlx uploadkit add dropzone

Internal · not indexed

SDK Components

Visual showcase of every component in @uploadkitdev/react. Endpoint is a no-op — clicking upload will fail silently. All animations use motion (optional peerDep) with CSS fallbacks.

Classics

The original 5 components shipped with v0.1.

UploadButtonBaseline
UploadDropzoneBaseline

Drop files here or click to browse

UploadModalNative <dialog>

Drop files here or click to browse

Premium dropzones

Four opinionated aesthetics. Pick the one that matches your app's soul.

UploadDropzoneGlassVercel · Linear — frosted glass + indigo halo

Drop files to upload

UploadDropzoneAuroraApple · Supabase — animated conic mesh + cursor highlight

Drop files to upload

UploadDropzoneTerminalRaycast · Warp — mono prompt + blinking cursor
> drop files to upload
UploadDropzoneBrutalNeobrutalist — thick borders, hard shadows, stamp

DROP IT

no files yet

Premium buttons

Drop-in replacements for UploadButton with premium motion.

UploadButtonShimmerVercel · Linear — animated shimmer sweep + glow
UploadButtonMagneticApple — cursor-attracted spring scale

Specialty

Purpose-built for common flows outside the generic picker pattern.

UploadAvatarCircular crop + SVG progress ring
UploadInlineChatChatGPT · Linear — inline composer with animated chips

Motion & Progress

Eight motion-forward upload affordances. All animations via motion (optional peerDep) with CSS fallbacks.

UploadProgressRadialLinear attachments · Apple Health activity ring
Upload
UploadProgressBarVercel build logs · Linear CI bars
0%
UploadProgressStackediOS AirDrop · Telegram multi-send

Drop or select files

Ready when you are.

UploadProgressOrbitArc browser · Raycast command palette
UploadCloudRainiCloud sync · Dropbox onboarding

Drop files into the cloud

UploadBentoApple iPadOS widgets · Raycast themes grid
Drop files or click to build your bento.
UploadParticlesStripe 3DS loading · Vercel Ship hero
Drop to upload
UploadStepWizardStripe Checkout · Apple Pay add card

Pick a file

Start by selecting something to upload.