# @nextui-org/react

> 🚀 Beautiful and modern React UI library.

Latest version **2.6.11** (published 2025-01-05) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @nextui-org/react
pnpm add @nextui-org/react
yarn add @nextui-org/react
bun add @nextui-org/react
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 2.6.11 |
| Published | 2025-01-05 |
| First published | 2021-06-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 48 |
| Unpacked size | 37.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 31062 |
| Author | Junior Garcia |
| Maintainers | juniorgarciadev |
| Keywords | next, next ui, components, modern components, react components, react ui |

## Links

- npm: https://www.npmjs.com/package/@nextui-org/react
- Repository: https://github.com/nextui-org/nextui
- Homepage: https://nextui.org
- Issues: https://github.com/nextui-org/nextui/issues
- npm.io page: https://npm.io/package/@nextui-org/react

## Dependencies (48)

- [@nextui-org/kbd](https://npm.io/package/@nextui-org/kbd.md) 2.2.6
- [@nextui-org/card](https://npm.io/package/@nextui-org/card.md) 2.2.9
- [@nextui-org/chip](https://npm.io/package/@nextui-org/chip.md) 2.2.6
- [@nextui-org/code](https://npm.io/package/@nextui-org/code.md) 2.2.6
- [@nextui-org/form](https://npm.io/package/@nextui-org/form.md) 2.1.8
- [@nextui-org/link](https://npm.io/package/@nextui-org/link.md) 2.2.7
- [@nextui-org/menu](https://npm.io/package/@nextui-org/menu.md) 2.2.9
- [@nextui-org/tabs](https://npm.io/package/@nextui-org/tabs.md) 2.2.7
- [@nextui-org/user](https://npm.io/package/@nextui-org/user.md) 2.2.6
- [@nextui-org/alert](https://npm.io/package/@nextui-org/alert.md) 2.2.9
- [@nextui-org/badge](https://npm.io/package/@nextui-org/badge.md) 2.2.5
- [@nextui-org/image](https://npm.io/package/@nextui-org/image.md) 2.2.5
- [@nextui-org/input](https://npm.io/package/@nextui-org/input.md) 2.4.8
- [@nextui-org/modal](https://npm.io/package/@nextui-org/modal.md) 2.2.7
- [@nextui-org/radio](https://npm.io/package/@nextui-org/radio.md) 2.3.8
- [@nextui-org/table](https://npm.io/package/@nextui-org/table.md) 2.2.8
- [@nextui-org/theme](https://npm.io/package/@nextui-org/theme.md) 2.4.5
- [@nextui-org/avatar](https://npm.io/package/@nextui-org/avatar.md) 2.2.6
- [@nextui-org/button](https://npm.io/package/@nextui-org/button.md) 2.2.9
- [@nextui-org/drawer](https://npm.io/package/@nextui-org/drawer.md) 2.2.7
- [@nextui-org/navbar](https://npm.io/package/@nextui-org/navbar.md) 2.2.8
- [@nextui-org/ripple](https://npm.io/package/@nextui-org/ripple.md) 2.2.7
- [@nextui-org/select](https://npm.io/package/@nextui-org/select.md) 2.4.9
- [@nextui-org/slider](https://npm.io/package/@nextui-org/slider.md) 2.4.7
- [@nextui-org/spacer](https://npm.io/package/@nextui-org/spacer.md) 2.2.6
- [@nextui-org/switch](https://npm.io/package/@nextui-org/switch.md) 2.2.8
- [@nextui-org/system](https://npm.io/package/@nextui-org/system.md) 2.4.6
- [@nextui-org/divider](https://npm.io/package/@nextui-org/divider.md) 2.2.5
- [@nextui-org/listbox](https://npm.io/package/@nextui-org/listbox.md) 2.3.9
- [@nextui-org/popover](https://npm.io/package/@nextui-org/popover.md) 2.3.9
- [@nextui-org/snippet](https://npm.io/package/@nextui-org/snippet.md) 2.2.10
- [@nextui-org/spinner](https://npm.io/package/@nextui-org/spinner.md) 2.2.6
- [@nextui-org/tooltip](https://npm.io/package/@nextui-org/tooltip.md) 2.2.7
- [@nextui-org/calendar](https://npm.io/package/@nextui-org/calendar.md) 2.2.9
- [@nextui-org/checkbox](https://npm.io/package/@nextui-org/checkbox.md) 2.3.8
- [@nextui-org/dropdown](https://npm.io/package/@nextui-org/dropdown.md) 2.3.9
- [@nextui-org/progress](https://npm.io/package/@nextui-org/progress.md) 2.2.6
- [@nextui-org/skeleton](https://npm.io/package/@nextui-org/skeleton.md) 2.2.5
- [@nextui-org/accordion](https://npm.io/package/@nextui-org/accordion.md) 2.2.7
- [@nextui-org/input-otp](https://npm.io/package/@nextui-org/input-otp.md) 2.1.8
- [@nextui-org/date-input](https://npm.io/package/@nextui-org/date-input.md) 2.3.8
- [@nextui-org/pagination](https://npm.io/package/@nextui-org/pagination.md) 2.2.8
- [@nextui-org/breadcrumbs](https://npm.io/package/@nextui-org/breadcrumbs.md) 2.2.6
- [@nextui-org/date-picker](https://npm.io/package/@nextui-org/date-picker.md) 2.3.9
- [@nextui-org/autocomplete](https://npm.io/package/@nextui-org/autocomplete.md) 2.3.9
- [@nextui-org/framer-utils](https://npm.io/package/@nextui-org/framer-utils.md) 2.1.6
- [@nextui-org/scroll-shadow](https://npm.io/package/@nextui-org/scroll-shadow.md) 2.3.5
- [@react-aria/visually-hidden](https://npm.io/package/@react-aria/visually-hidden.md) 3.8.18

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 2.6.11 (latest) — 2025-01-05
- 0.0.0-canary-20250115141702 (canary) — 2025-01-15
- 2.5.0-beta.26 (beta) — 2024-11-29
- 0.0.0-dev-v2-20240424195623 (dev-v2) — 2024-04-24
- 1.0.0-beta.11-dbg1 (debug) — 2022-11-13
- 0.0.0-canary-20250113082845 — 2025-01-13
- 0.0.0-canary-20250113035100 — 2025-01-13
- 0.0.0-canary-20250113034517 — 2025-01-13
- 0.0.0-canary-20250105124413 — 2025-01-05
- 0.0.0-canary-20250105123759 — 2025-01-05
- 0.0.0-canary-20250105105357 — 2025-01-05
- 0.0.0-canary-20250104022216 — 2025-01-04
- 0.0.0-canary-20250103215428 — 2025-01-03
- 0.0.0-canary-20250103144655 — 2025-01-03
- 0.0.0-canary-20250103144031 — 2025-01-03
- … 794 more at https://npm.io/package/@nextui-org/react/versions

## README

<p align="center">
  <a href="https://nextui.org">
      <img width="20%" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/isotipo.png" alt="nextui" />
      <h1 align="center">NextUI</h1>
  </a>
</p>
</br>
<p align="center">
  <a href="https://github.com/jrgarciadev/nextui/blob/main/LICENSE">
    <img src="https://img.shields.io/npm/l/@nextui-org/react?style=flat" alt="License">
  </a>
  <a href="https://codecov.io/gh/jrgarciadev/nextui">
    <img src="https://codecov.io/gh/jrgarciadev/nextui/branch/main/graph/badge.svg?token=QJF2QKR5N4" alt="codecov badge">
  </a>
  <!-- <a href="https://github.com/nextui-org/nextui/actions/workflows/main.yaml">
    <img src="https://github.com/nextui-org/nextui/actions/workflows/main.yaml/badge.svg" alt="CI/CD nextui">
  </a> -->
  <a href="https://www.npmjs.com/package/@nextui-org/react">
    <img src="https://img.shields.io/npm/dm/@nextui-org/react.svg?style=flat-round" alt="npm downloads">
  </a>
</p>

> **NOTE:** This is a community project, not associated with [Vercel](https://vercel.com).

## Getting Started

Visit <a aria-label="nextui learn" href="https://nextui.org/learn">https://nextui.org/guide</a> to get started with NextUI.

## Documentation

Visit [https://nextui.org/docs](https://nextui.org/docs) to view the full documentation.

## Storybook

Visit [https://storybook.nextui.org](https://storybook.nextui.org/) to view the storybook for all components.

## Canary Release

Canary versions are available after every merge into `canary` branch. You can install the packages with the tag `canary` in npm to use the latest changes before the next production release.

- [Documentation](https://canary.nextui.org/docs)
- [Storybook](https://canary-sb.nextui.org)

## Community

We're excited to see the community adopt NextUI, raise issues, and provide feedback.
Whether it's a feature request, bug report, or a project to showcase, please get involved!

- [Discord](https://discord.gg/9b6yyZKmH4)
- [X](https://x.com/getnextui)
- [GitHub Discussions](https://github.com/nextui-org/nextui/discussions)

## Contributing

Contributions are always welcome!

See [CONTRIBUTING.md](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.md) for ways to get started.

Please adhere to this project's [CODE_OF_CONDUCT](https://github.com/nextui-org/nextui/blob/main/CODE_OF_CONDUCT.md).

## License

[MIT](https://choosealicense.com/licenses/mit/)

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