# File Input components

> Streamline file uploads using 6 React file input components, elegantly styled with Tailwind CSS to match modern Next.js applications.

24 components available. Showing all of them below.

- [Input](https://21st.dev/@originui/components/input/file-input.md) — by Origin UI
- [useFileInput](https://21st.dev/@kokonutd/components/use-file-input.md) — by Kokonut Baffier
- [Base Input](https://21st.dev/@sean0205/components/base-input/file.md) — by Sean Hello
- [Input](https://21st.dev/@sean0205/components/input/file.md) — by Sean Hello
- [Upload](https://21st.dev/@ephraimduncan/components/upload.md) — by Ephraim Duncan
- [AI Input With File](https://21st.dev/@kokonutd/components/ai-input-with-file.md) — by Kokonut Baffier
- [Dropzone](https://21st.dev/@haydenbleasel/components/dropzone.md) — by Hayden Bleasel
- [File Upload](https://21st.dev/@ephraimduncan/components/file-upload-1/simple-file-upload.md) — by Ephraim Duncan
- [File Trigger \[react-aria-components\]](https://21st.dev/@jolbol1/components/file-trigger.md) — by James Shopland
- [File Upload Button](https://21st.dev/@bankkroll/components/file-upload-button.md) — by Bankk
- [indevInputui](https://21st.dev/@ln-dev7/components/indev-inputui.md) — by LN
- [File Trigger 13](https://21st.dev/@intentui/components/file-trigger-13.md) — by Intent UI
- [File Trigger 13](https://21st.dev/@intentui/components/file-trigger-13/pending-file-trigger.md) — by Intent UI
- [File Trigger 13](https://21st.dev/@intentui/components/file-trigger-13/disabled-file-trigger.md) — by Intent UI
- [File Trigger 13](https://21st.dev/@intentui/components/file-trigger-13/circle-file-trigger.md) — by Intent UI
- [File Trigger 13](https://21st.dev/@intentui/components/file-trigger-13/multiple-file-trigger.md) — by Intent UI
- [File Trigger](https://21st.dev/@jolbol1/components/file-trigger-2.md) — by James Shopland
- [Image Preview Dropzone](https://21st.dev/@uilayout.contact/components/imgpreview-dropzone.md) — by UI Layouts
- [UploadThing Dropzone](https://21st.dev/@elements-/components/uploadthing-dropzone.md) — by Cameron Kelliher
- [Reshaped File upload](https://21st.dev/@reshaped/components/reshaped-file-upload.md) — by reshaped
- [Reshaped File upload](https://21st.dev/@reshaped/components/reshaped-file-upload/headless.md) — by reshaped
- [Reshaped File upload](https://21st.dev/@reshaped/components/reshaped-file-upload/inline.md) — by reshaped
- [Reshaped File upload](https://21st.dev/@reshaped/components/reshaped-file-upload/composition.md) — by reshaped
- [Reshaped File upload](https://21st.dev/@reshaped/components/reshaped-file-upload/trigger.md) — by reshaped

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