# react-material-file-upload

> File upload component for React with Material UI components

Latest version **1.0.2** (published 2026-04-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-material-file-upload
pnpm add react-material-file-upload
yarn add react-material-file-upload
bun add react-material-file-upload
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: esm support; no vulnerabilities; has provenance.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2026-04-12 |
| First published | 2021-10-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 1 |
| Unpacked size | 16 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| Author | Chathu Vishwajith |
| Maintainers | iamchathu |
| Keywords | react, react component, file upload, material ui, upload |

## Links

- npm: https://www.npmjs.com/package/react-material-file-upload
- Repository: https://github.com/iamchathu/react-material-file-upload
- Homepage: https://github.com/iamchathu/react-material-file-upload#readme
- Issues: https://github.com/iamchathu/react-material-file-upload/issues
- npm.io page: https://npm.io/package/react-material-file-upload

## Dependencies (1)

- [react-dropzone](https://npm.io/package/react-dropzone.md) ^15.0.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2026-04-12
- 1.0.1 — 2026-03-14
- 1.0.0 — 2026-03-14
- 0.0.4 — 2021-10-18
- 0.0.3 — 2021-10-15
- 0.0.2 — 2021-10-15
- 0.0.1 — 2021-10-15

## README

# React Material File Upload

[React Dropzone][react-dropzone] based [Material UI][mui] file upload component for React.js. This is created for [Material UI][mui] v7 or later versions.
Written in Typescript. Library exports only an `esm` module.

[![npm](https://img.shields.io/npm/v/react-material-file-upload.svg)](https://www.npmjs.com/package/react-material-file-upload)
[![Known Vulnerabilities](https://snyk.io/test/github/iamchathu/react-material-file-upload/badge.svg)](https://snyk.io/test/github/iamchathu/react-material-file-upload)
[![Code Climate](https://codeclimate.com/github/iamchathu/react-material-file-upload/badges/gpa.svg)](https://codeclimate.com/github/iamchathu/react-material-file-upload)
[![Codacy Badge](https://app.codacy.com/project/badge/Grade/1327fdb350f84fc7b3dded573c983892)](https://www.codacy.com/gh/iamchathu/react-material-file-upload/dashboard?utm_source=github.com&utm_medium=referral&utm_content=iamchathu/react-material-file-upload&utm_campaign=Badge_Grade)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/iamchathu/react-material-file-upload/master/LICENSE)
[![Twitter](https://img.shields.io/twitter/url/https/github.com/iamchathu/react-material-file-upload.svg?style=social)](https://twitter.com/intent/tweet?text=Barcode+for+react&url=https%3A%2F%2Fgithub.com%2Fiamchathu%2F/react-material-file-upload)

## Install

```bash
yarn add react-material-file-upload
```

- Peer dependencies.

Library is depends on `@mui/material`, `@mui/icons-material`, `@emotion/react`, `@emotion/styled`. These are [Material UI][mui] dependencies. Please refer the [Material UI][mui] guide on configuring it.

## Example

```ts
import { useState } from 'react';
import { FileUpload } from 'react-material-file-upload';

const App = () => {
  const [files, setFiles] = useState<File[]>([]);
  return <FileUpload value={files} onChange={setFiles} />;
};
```

[![Edit react-material-file-upload](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-material-file-upload-t156i?fontsize=14&hidenavigation=1&theme=dark)

[react-dropzone]: https://react-dropzone.js.org/
[mui]: https://mui.com

---
_Source: https://npm.io/package/react-material-file-upload · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._