UploadThing Elements
7 file upload components. Requires @uploadthing/react (auto-installed as dependency).
Install Pattern
npx shadcn@latest add @elements/uploadthing-{name}
Components
Component Install Description
Button @elements/uploadthing-button
Simple upload button
Dropzone @elements/uploadthing-dropzone
Drag-and-drop zone with progress
Avatar @elements/uploadthing-avatar
Avatar upload with crop
File Card @elements/uploadthing-file-card
File display card
Image Grid @elements/uploadthing-image-grid
Image gallery from uploads
Paste @elements/uploadthing-paste
Paste-to-upload area
Progress @elements/uploadthing-progress
Upload progress indicator
Quick Patterns
Basic upload
npx shadcn@latest add @elements/uploadthing-button @elements/uploadthing-progress
Full file management
npx shadcn@latest add @elements/uploadthing-dropzone @elements/uploadthing-file-card @elements/uploadthing-image-grid
Avatar upload
npx shadcn@latest add @elements/uploadthing-avatar
Setup
Requires UploadThing API key and file router. See https://docs.uploadthing.com/getting-started
Discovery