Pieces/Upload(32)
Upload pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.
| Piece | Title | Category | Install |
|---|---|---|---|
| upload8 | Formats Drop Zone | Upload | npx shadcn add https://ui.beste.co/piece/r/upload8 |
| upload7 | URL Import | Upload | npx shadcn add https://ui.beste.co/piece/r/upload7 |
| upload6 | Cover Uploader | Upload | npx shadcn add https://ui.beste.co/piece/r/upload6 |
| upload5 | Avatar Uploader | Upload | npx shadcn add https://ui.beste.co/piece/r/upload5 |
| upload4 | Drag Over State | Upload | npx shadcn add https://ui.beste.co/piece/r/upload4 |
| upload3 | Compact Attach | Upload | npx shadcn add https://ui.beste.co/piece/r/upload3 |
| upload2 | Drop Zone | Upload | npx shadcn add https://ui.beste.co/piece/r/upload2 |
| upload1 | File Upload Card | Upload | npx shadcn add https://ui.beste.co/piece/r/upload1 |
Upload artwork
PNGJPGSVGWebP
Up to 10 MBFormats Drop Zone
Upload prompt that lists accepted formats as mono pills beside a size-limit caption.
https://www.figma.com/design/wQb4…
URL Import
Link-prefixed text field with a joined import button for pasting shareable URLs.
Add a cover imageRecommended 1600 × 600, up to 4 MB
Cover Uploader
Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.
Avatar Uploader
Circular avatar with a dark camera button on the corner that invites a new profile photo.
Drop to uploadRelease anywhere in this area
Drag Over State
Highlighted drop surface tinted sky with a pulsing wash, download chip, and release-to-upload cue.
Attach supporting documents
Compact Attach
Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.