File Dropzone
FilesDrag-and-drop or click upload zone on react-dropzone, with a file list, type and size validation, and readable rejection messages.
ViewDrag-and-drop upload zones, an upload queue with progress and retry, file cards, a PDF viewer, an image cropper, an avatar uploader and a local media picker, with previews, size limits and clear controls already wired.
7 components
Drag-and-drop or click upload zone on react-dropzone, with a file list, type and size validation, and readable rejection messages.
ViewPan-and-zoom image cropper on react-easy-crop: rect or round mask, fixed aspect, zoom slider and canvas export via ref.
ViewLocal media file picker that previews via an object URL; empty-state prompt, replace and clear, size validation. Nothing leaves the browser.
ViewClick or drop an image, crop it to a circle or square with zoom, and preview the result. Initials fallback, size and type limits, remove control.
ViewShows a PDF in your page on react-pdf: page arrows and a page number field, zoom steps, fit to width and a download button. Text can be selected and links work, and the arrow keys turn pages.
ViewA file as a row for lists or a tile for grids: an icon picked from the type, or an image preview, with the name, size and your own actions. FileIcon and fileKindOf are exported for your own layouts.
ViewUploads files a few at a time with progress for each and overall, plus cancel, retry and clear finished. useUploadQueue takes your upload function, so it works with S3, a signed URL or your own API, and pairs with File Dropzone.
View