# @nx/web

> The Nx Plugin for Web Components contains generators for managing Web Component applications and libraries within an Nx workspace. It provides: - Integration with libraries such as Jest, Playwright, Cypress, and Storybook. - Scaffolding for creating bu

Latest version **23.2.1** (published 2026-09-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install @nx/web
pnpm add @nx/web
yarn add @nx/web
bun add @nx/web
```

## Health

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

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 23.2.1 |
| Published | 2026-09-09 |
| First published | 2023-04-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 163.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 29324 |
| Author | Victor Savkin |
| Maintainers | nrwlowner, nrwl-jason, jack-nrwl, maxk-nrwl, jameshenry |
| Keywords | Monorepo, Web, Jest, Cypress, CLI, Front-end |

## Links

- npm: https://www.npmjs.com/package/@nx/web
- Repository: https://github.com/nrwl/nx
- Homepage: https://nx.dev
- Issues: https://github.com/nrwl/nx/issues
- npm.io page: https://npm.io/package/@nx/web

## Dependencies (6)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0
- [@nx/js](https://npm.io/package/@nx/js.md) 23.2.1
- [@nx/devkit](https://npm.io/package/@nx/devkit.md) 23.2.1
- [picocolors](https://npm.io/package/picocolors.md) ^1.1.0
- [detect-port](https://npm.io/package/detect-port.md) ^2.1.0
- [http-server](https://npm.io/package/http-server.md) ^14.1.0

## Alternatives

- [@salesforce/cli](https://npm.io/package/@salesforce/cli.md) — 389.7K weekly downloads
- [@mintlify/cli](https://npm.io/package/@mintlify/cli.md) — 208.9K weekly downloads
- [@grafana/e2e-selectors](https://npm.io/package/@grafana/e2e-selectors.md) — 128.7K weekly downloads
- [mintlify](https://npm.io/package/mintlify.md) — 112.0K weekly downloads
- [@intlayer/cli](https://npm.io/package/@intlayer/cli.md) — 22.8K weekly downloads

## Recent versions

- 23.2.1 (latest) — 2026-09-09
- 23.3.0-canary.20260917-ea5c01d (canary) — 2026-09-17
- 23.3.0-pr.37068.f95e11e (pull-request) — 2026-09-16
- 22.7.12 (previous) — 2026-09-10
- 23.3.0-beta.0 (next) — 2026-09-08
- 23.3.0-canary.20260915-071d621 — 2026-09-15
- 23.3.0-canary.20260914-69b08a6 — 2026-09-14
- 23.3.0-canary.20260911-50efd6a — 2026-09-11
- 23.3.0-pr.36958.5270397 — 2026-09-09
- 22.7.11 — 2026-09-09
- 23.3.0-canary.20260909-359c09a — 2026-09-09
- 23.3.0-pr.36841.f66e88b — 2026-09-09
- 22.7.10 — 2026-09-09
- 23.2.0-canary.20260908-89f02c1 — 2026-09-08
- 23.2.0-canary.20260902-6e38e5e — 2026-09-02
- … 1900 more at https://npm.io/package/@nx/web/versions

## README

<p style="text-align: center;">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
    <img alt="Nx - Smart Monorepos · Fast Builds" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
  </picture>
</p>

<div style="text-align: center;">

[![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)](<>)
[![NPM Version](https://badge.fury.io/js/nx.svg)](https://www.npmjs.com/package/nx)
[![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](<>)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
[![Join us on the Official Nx Discord Server](https://img.shields.io/discord/1143497901675401286?label=discord)](https://go.nx.dev/community)
[![Nx Sandboxing](https://staging.nx.app/workspaces/62d013ea0852fe0a2df74438/sandbox-badge.svg)](https://nx.dev/docs/features/ci-features/sandboxing)

</div>


<hr>

# Nx: Smart Monorepos · Fast Builds

Get to green PRs in half the time. Nx optimizes your builds, scales your CI, and fixes failed PRs. Built for developers and AI agents.

This package is a [Web plugin for Nx](https://nx.dev/nx-api/web).

## Getting Started

### Creating an Nx Workspace

**Using `npx`**

```bash
npx create-nx-workspace
```

**Using `npm init`**

```bash
npm init nx-workspace
```

**Using `yarn create`**

```bash
yarn create nx-workspace
```

### Adding Nx to an Existing Repository

Run:

```bash
npx nx@latest init
```

## Documentation & Resources

- [Nx.Dev: Documentation, Guides, Tutorials](https://nx.dev)
- [Intro to Nx](https://nx.dev/getting-started/intro)
- [Official Nx YouTube Channel](https://www.youtube.com/@NxDevtools)
- [Blog Posts About Nx](https://nx.dev/blog)

<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
width="100%" alt="Nx - Smart Monorepos · Fast Builds"></a></p>

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