Loading...
Loading...
Install UploadThing file upload components from the Elements registry. Use when user needs file uploads, drag-and-drop dropzones, avatar uploads, file cards, image grids, paste-to-upload, or upload progress indicators. Triggers on "upload", "file upload", "dropzone", "uploadthing", "drag and drop upload", "image grid", "paste upload", "avatar upload".
npx skill4agent add crafter-station/elements uploadthing-elements@uploadthing/reactnpx shadcn@latest add @elements/uploadthing-{name}| Component | Install | Description |
|---|---|---|
| Button | | Simple upload button |
| Dropzone | | Drag-and-drop zone with progress |
| Avatar | | Avatar upload with crop |
| File Card | | File display card |
| Image Grid | | Image gallery from uploads |
| Paste | | Paste-to-upload area |
| Progress | | Upload progress indicator |
# 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