# Nutrient Web SDK: Document viewing and editing in the browser

Nutrient Web SDK (formerly PSPDFKit for Web) is a secure, client-side JavaScript library engineered for robust document viewing, annotation, and editing directly within the browser. It empowers developers to seamlessly integrate advanced document and image manipulation capabilities into any web application.

**▶ [Try the interactive playground][playground]** — explore the full SDK live in your browser, no install required.

Developers can explore many [examples][awesome examples] and resources in the ecosystem, and the SDK comes fully supported by the dedicated team at [Nutrient][].

## Key capabilities

- **Client-side processing** — The primary workload is offloaded to the client, eliminating the need for complex, dedicated server infrastructure.
- **Enhanced security** — Built on a battle-tested, reliable PDFium-based rendering engine.
- **Highly customizable** — A powerful, robust API allows for precise configuration of both behavior and visual appearance.
- **Office document support** — View and convert Office documents without external dependencies.
- **Framework agnostic** — Fully compatible with all major JavaScript/TypeScript frameworks, including React, Angular, Vue, Svelte, Next.js, Nuxt, Vite, and Electron.

Nutrient Web SDK processes a comprehensive range of file types, enabling client-side viewing and conversion directly on any browser — no server dependencies or MS Office licenses are required.

| Category             | Supported file types                                    |
| -------------------- | ------------------------------------------------------- |
| **PDF**              | PDF, PDF/A (1, 2, 3, 4)                                 |
| **Office documents** | DOCX, DOC, DOTX, DOCM, XLSX, XLS, XLSM, PPTX, PPT, PPTM |
| **Images**           | PNG, JPEG, JPG, TIFF, TIF                               |
| **Text/data**        | TXT, XFDF, Instant JSON                                 |

<img src="https://www.nutrient.io/images/intercom/pspdfkit-npm.png" alt="Image showcasing the popular features of Nutrient Web SDK" width="100%" />

## Getting started

Refer to our [getting started][getting started guide] guide for comprehensive integration instructions.

## Web demos

Explore the full potential of the SDK with our live web demonstrations:

- [Document viewing][]
- [Customizable UI][]
- [Adding annotations][]
- [Filling PDF forms][]
- [Creating PDF forms][]
- [Signatures][signature demo]
- [Document editing][]
- [Document generation][]
- [Generate PDFs from DOCX templates][]
- [Real-time collaboration][]
- And [more][]

## Browser support

The SDK supports the latest stable versions of all major web browsers: Chrome, Mozilla Firefox, Safari, Edge, and Firefox ESR.

## Documentation and support

Nutrient offers comprehensive [guides][] and [code samples][] to facilitate your integration and customization efforts.

We offer full technical support, providing direct access to the engineers who built the product. We’re happy to assist with setup, integration questions, and feature implementation.

### Most popular guides

| Category                 | Topics                                                                    |
| ------------------------ | ------------------------------------------------------------------------- |
| **Viewing**              | [PDF viewer][], [Search][]                                                |
| **Editing and markup**   | [Annotation][], [Editor][], [Redaction][]                                 |
| **Forms and signatures** | [Forms][], [Signatures][]                                                 |
| **Document processing**  | [Conversion][], [Office conversion][], [Extraction][], [PDF generation][] |
| **Security**             | [Document security][]                                                     |

### API reference

[Read the full API reference][] for detailed class, method, and property documentation.

## Version history

Refer to our [changelog][] for a detailed list of changes included in each release.

## AI coding assistant integration

For developers utilizing an AI coding assistant (LLM) within their IDE, Nutrient Web SDK offers two ways to feed it accurate, SDK-specific context — significantly enhancing the accuracy and relevance of AI-generated code suggestions.

### MCP server

The [`@nutrient-sdk/viewer-mcp`][] package is a [Model Context Protocol][mcp] server that exposes the SDK’s documentation, guides, examples, changelog, and API type declarations to any MCP-compatible client (Claude, Cursor, VS Code, and more). Your assistant can search the API, browse framework guides, look up changelog entries, and find runnable examples on demand.

Add it to your MCP client configuration:

```json
{
  "mcpServers": {
    "Nutrient": { "command": "npx", "args": ["@nutrient-sdk/viewer-mcp"] }
  }
}
```

### `llms.txt`

Alternatively, the [`llms.txt`][] file lets you feed SDK-specific documentation directly into the LLM’s context.

## License and commercial information

Nutrient Web SDK is a commercial product. A [free trial][] is available for evaluation and integration purposes. Please visit our [pricing page][] to learn more about our licensing options.

Copyright © 2010–present PSPDFKit GmbH.

[playground]: https://www.nutrient.io/playground
[awesome examples]: https://github.com/PSPDFKit/awesome-nutrient?tab=readme-ov-file#web
[nutrient]: https://www.nutrient.io//company/about/
[getting started guide]: https://www.nutrient.io/sdk/web/getting-started/
[document viewing]: https://www.nutrient.io/demo/viewer
[customizable ui]: https://www.nutrient.io/demo/ui
[adding annotations]: https://www.nutrient.io/demo/annotations
[filling pdf forms]: https://www.nutrient.io/demo/forms?utm_source=npm&utm_medium=referral&utm_campaign=readme
[creating pdf forms]: https://www.nutrient.io/demo/pdf-form-creator
[signature demo]: https://www.nutrient.io/demo/signatures?utm_source=npm&utm_medium=referral&utm_campaign=readme
[document editing]: https://www.nutrient.io/demo/editor?utm_source=npm&utm_medium=referral&utm_campaign=readme
[document generation]: https://www.nutrient.io/demo/document-generation
[generate pdfs from docx templates]: https://www.nutrient.io/demo/generation-from-office-template
[real-time collaboration]: https://www.nutrient.io/demo/instant-collaboration
[more]: https://www.nutrient.io/demo/hello
[guides]: https://www.nutrient.io/guides/web/
[code samples]: https://www.nutrient.io/guides/web/samples/
[pdf viewer]: https://www.nutrient.io/guides/web/viewer/
[search]: https://www.nutrient.io/guides/web/search/
[annotation]: https://www.nutrient.io/guides/web/annotations/
[editor]: https://www.nutrient.io/guides/web/editor/
[redaction]: https://www.nutrient.io/guides/web/redaction/
[forms]: https://www.nutrient.io/guides/web/forms/
[signatures]: https://www.nutrient.io/guides/web/signatures/
[conversion]: https://www.nutrient.io/guides/web/conversion/
[office conversion]: https://www.nutrient.io/guides/web/conversion/pdf-to-office/
[extraction]: https://www.nutrient.io/guides/web/extraction/
[pdf generation]: https://www.nutrient.io/guides/web/pdf-generation/
[document security]: https://www.nutrient.io/guides/web/document-security/
[read the full api reference]: https://www.nutrient.io/api/web/modules/NutrientViewer.html
[changelog]: https://www.nutrient.io/guides/web/release-notes/changelog/
[`llms.txt`]: https://www.nutrient.io/guides/web/llms.txt
[`@nutrient-sdk/viewer-mcp`]: https://www.npmjs.com/package/@nutrient-sdk/viewer-mcp
[mcp]: https://modelcontextprotocol.io
[free trial]: https://www.nutrient.io/try/
[pricing page]: https://www.nutrient.io/sdk/pricing/
