# @faceless-ui/modal

> America's next top modal

Latest version **3.0.2** (published 2026-10-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install @faceless-ui/modal
pnpm add @faceless-ui/modal
yarn add @faceless-ui/modal
bun add @faceless-ui/modal
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 3.0.2 |
| Published | 2026-10-06 |
| First published | 2020-05-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 49.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Faceless UI |
| Maintainers | jacobsfletch |
| Keywords | react, react-component, modal, dialog, drawer, mega-menu, popup, light-box, accessibility, ui, ux |

## Links

- npm: https://www.npmjs.com/package/@faceless-ui/modal
- Repository: https://github.com/faceless-ui/modal
- Homepage: https://github.com/faceless-ui/modal#readme
- Issues: https://github.com/faceless-ui/modal/issues
- Funding: https://github.com/sponsors/jacobsfletch
- npm.io page: https://npm.io/package/@faceless-ui/modal

## Dependencies (3)

- [focus-trap](https://npm.io/package/focus-trap.md) 7.5.4
- [body-scroll-lock](https://npm.io/package/body-scroll-lock.md) 4.0.0-beta.0
- [react-transition-group](https://npm.io/package/react-transition-group.md) 4.4.5

## Recent versions

- 3.0.2 (latest) — 2026-10-06
- 3.0.1-canary.0 (canary) — 2026-07-08
- 3.0.0-beta.0 (beta) — 2024-06-08
- 2.1.0-rc.0 (rc) — 2024-06-04
- 3.0.1 — 2026-07-08
- 3.0.0 — 2025-09-17
- 3.0.0-beta.2 — 2024-07-08
- 3.0.0-beta.1 — 2024-07-08
- 2.0.2 — 2024-02-29
- 2.0.1 — 2022-10-12
- 2.0.0 — 2022-10-01
- 2.0.0-alpha.5 — 2022-10-01
- 2.0.0-alpha.4 — 2022-09-09
- 2.0.0-alpha.3 — 2022-09-09
- 2.0.0-alpha.2 — 2022-09-08
- … 18 more at https://npm.io/package/@faceless-ui/modal/versions

## README

[![NPM](https://img.shields.io/npm/v/@faceless-ui/modal)](https://www.npmjs.com/@faceless-ui/modal)
![Bundle Size](https://img.shields.io/bundlephobia/minzip/@faceless-ui/modal?label=zipped)

# React Modal

Read the full documentation [here](https://facelessui.com/docs/modal).

## Installation

```bash
$ npm i @faceless-ui/modal
$ # or
$ yarn add @faceless-ui/modal
$ # or
$ pnpm add @faceless-ui/modal
```

## Development

To develop this module locally, spin up the [demo app](./demo/App.demo.js):

```bash
$ git clone git@github.com:faceless-ui/modal.git
$ yarn
$ yarn dev
$ open http://localhost:3000
```

## License

[MIT](https://github.com/faceless-ui/modal/blob/master/LICENSE) Copyright (c) Faceless UI

---
_Source: https://npm.io/package/@faceless-ui/modal · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._