# Upload components

> Browse 17 Upload components for React, styled with Tailwind CSS and ready for your Next.js project.

100 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/upload.

- [Upload](https://21st.dev/@ephraimduncan/components/upload.md) — by Ephraim Duncan
- [Upload Ui](https://21st.dev/@kristen17/components/upload-ui.md) — by kristen17
- [upload](https://21st.dev/@ephraimduncan/components/upload-1.md) — by Ephraim Duncan
- [Input](https://21st.dev/@originui/components/input/file-input.md) — by Origin UI
- [useImageUpload](https://21st.dev/@originui/components/use-image-upload.md) — by Origin UI
- [File Upload](https://21st.dev/@manuarora700/components/file-upload.md) — by Manu Arora
- [Progressive Flux Loader](https://21st.dev/@ruixen.ui/components/progressive-flux-loader.md) — by Ruixen UI
- [Upload Input](https://21st.dev/@ruixen.ui/components/ruixen-upload-input.md) — by Ruixen UI
- [File Upload Card](https://21st.dev/@ravikatiyar162/components/file-upload-card.md) — by Ravi Katiyar
- [Avatar Uploader](https://21st.dev/@sshahaider/components/avatar-uploader.md) — by Efferd
- [Google Drive Uploader Toast](https://21st.dev/@suraj-xd/components/google-drive-uploader-toast.md) — by Suraj Gaud
- [Ruixen Query Box](https://21st.dev/@ruixen.ui/components/ruixen-query-box.md) — by Ruixen UI
- [File Upload](https://21st.dev/@ruixen.ui/components/file-upload.md) — by Ruixen UI
- [Dropzone](https://21st.dev/@haydenbleasel/components/dropzone.md) — by Hayden Bleasel
- [Basic Toast](https://21st.dev/@anubra266/components/basic-toast/toast-updatable.md) — by Abraham
- [useFileInput](https://21st.dev/@kokonutd/components/use-file-input.md) — by Kokonut Baffier
- [Basic Toast](https://21st.dev/@anubra266/components/basic-toast/toast-promise.md) — by Abraham
- [Button](https://21st.dev/@shugar/components/button-1/loading.md) — by tigran tumasov
- [Button](https://21st.dev/@shugar/components/button-1/rounded.md) — by tigran tumasov
- [Button](https://21st.dev/@shugar/components/button-1.md) — by tigran tumasov
- [Button](https://21st.dev/@shugar/components/button-1/prefix-and-suffix.md) — by tigran tumasov
- [File Upload](https://21st.dev/@preetsuthar17/components/file-upload.md) — by Preet Suthar
- [Button](https://21st.dev/@shugar/components/button-1/disabled.md) — by tigran tumasov
- [BeUI File Upload](https://21st.dev/@saurabh10102/components/be-ui-file-upload.md) — by Saurabh Chauhan
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-5.md) — by Origin UI
- [image uploader](https://21st.dev/@info-mdshakeeb/components/image-uploader.md) — by shakeeb
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-6.md) — by Origin UI
- [Loader](https://21st.dev/@ravikatiyar162/components/loader-6.md) — by Ravi Katiyar
- [FileUpload](https://21st.dev/@arunjdass/components/file-upload.md) — by Arun Dass
- [Progress](https://21st.dev/@sean0205/components/progress/radial.md) — by Sean Hello
- [File Upload](https://21st.dev/@ephraimduncan/components/file-upload-1.md) — by Ephraim Duncan
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1.md) — by Abraham
- [Progress](https://21st.dev/@sean0205/components/progress-1/radial.md) — by Sean Hello
- [Input Modal](https://21st.dev/@arihantcodes_1f7b8c4d/components/input-modal.md) — by Arihant jain
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/files-table-upload.md) — by Abraham
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/files-list-upload.md) — by Abraham
- [Dialog](https://21st.dev/@ruixen.ui/components/ruixen-dialog.md) — by Ruixen UI
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/directory-upload.md) — by Abraham
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/multiple-images-upload.md) — by Abraham
- [Progress Card](https://21st.dev/@kavikatiyar/components/progress-card.md) — by Kavi Katiyar
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/upload-with-paste.md) — by Abraham
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/avatar-upload.md) — by Abraham
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/drag-n-drop-upload.md) — by Abraham
- [Image Cropper](https://21st.dev/@ruixen.ui/components/image-cropper.md) — by Ruixen UI
- [FileUpload](https://21st.dev/@flower0wine/components/file-upload.md) — by 花间酒
- [Base Input](https://21st.dev/@sean0205/components/base-input/file.md) — by Sean Hello
- [CSV / TSV Viewer](https://21st.dev/@extend-hq/components/csv-viewer.md) — by extend-hq
- [PDF Preview Page](https://21st.dev/@itsankitverma/components/pdf-preview-page.md) — by Ankit Verma
- [Input](https://21st.dev/@sean0205/components/input/file.md) — by Sean Hello
- [File Upload](https://21st.dev/@sean0205/components/file-upload/table-upload.md) — by Sean Hello
- [File Upload](https://21st.dev/@sean0205/components/file-upload/compact-upload.md) — by Sean Hello
- [File Upload](https://21st.dev/@sean0205/components/file-upload.md) — by Sean Hello
- [File Upload](https://21st.dev/@sean0205/components/file-upload/avatar-upload.md) — by Sean Hello
- [File Upload](https://21st.dev/@sean0205/components/file-upload/card-upload.md) — by Sean Hello
- [File Upload](https://21st.dev/@sean0205/components/file-upload/gallery-upload.md) — by Sean Hello
- [Progress Bar](https://21st.dev/@shailendrakumar19999/components/progress-bar.md) — by Shailendra
- [File Upload](https://21st.dev/@sean0205/components/file-upload/cover-upload.md) — by Sean Hello
- [File Trigger \[react-aria-components\]](https://21st.dev/@jolbol1/components/file-trigger.md) — by James Shopland
- [Audio Show Creator](https://21st.dev/@lavikatiyar/components/audio-show-creator.md) — by Lavi Katiyar
- [Audio Upload Card](https://21st.dev/@isaiahbjork/components/audio-upload-card.md) — by Isaiah

Full component directory: https://21st.dev/llms.txt