---
title: "Flutter SDK web PDF viewer integration"
canonical_url: "https://www.nutrient.io/guides/flutter/viewer/web/"
md_url: "https://www.nutrient.io/guides/flutter/viewer/web.md"
last_updated: "2026-05-15T19:10:05.012Z"
description: "Integrate a PDF viewer into your web, iOS, or Android app using Nutrient Flutter SDK. Customize the UI, support multiple file types, and improve accessibility."
---

# Nutrient Flutter SDK web PDF viewer

Nutrient Flutter SDK includes a PDF rendering engine that’s compatible with web apps. It enables developers to embed a configurable PDF viewer in web, iOS, or Android applications from a single codebase.

## Key capabilities

- **Customizable UI** — Hide or add buttons and match your app design

- **Client-side** — Offloads processing to the client (no server needed)

- **PDF and image** — Open PDF, TIFF, PNG, and JPG files

- **Accessible** — Built-in assistive technology-friendly features

- **Extendable** — Add annotations, editing, and forms

## PDF file type support

- PDF

- TIFF (multipage)

- JPG

- PNG

## Asset loading: CDN vs. self-hosted

By default, Nutrient Flutter SDK loads the Nutrient Web SDK assets from a CDN. To self-host the assets — for example, in air-gapped environments or to comply with content security policies — set `useCDN` to `false` in `PdfWebConfiguration`:

```dart

NutrientView(
  documentPath: 'path/to/document.pdf',
  configuration: PdfConfiguration(
    webConfiguration: PdfWebConfiguration(
      useCDN: false,
    ),
  ),
)

```

When `useCDN` is set to `false`, the SDK loads assets from local paths instead of the CDN. Setting `baseUrl` to a custom asset location overrides `useCDN`.

The `useCDN` option is also available in `WebViewConfiguration` for use with `NutrientInstantView`.

**Call to Action**

Start your free trial to test Nutrient Flutter SDK in your project.

[Learn More](https://www.nutrient.io/sdk/flutter/getting-started.md)

---

## Related pages

- [Customizing page navigation in our Flutter PDF viewer](/guides/flutter/viewer/page-navigation.md)
- [Coordinate conversion in the Flutter PDF viewer](/guides/flutter/viewer/coordinate-conversion.md)
- [Flutter PDF viewer library](/guides/flutter/viewer.md)
- [Flutter image viewer library](/guides/flutter/viewer/images.md)
- [Configuring scroll direction and page transitions in our Flutter viewer](/guides/flutter/viewer/page-transition.md)
- [Get page information in Nutrient Flutter SDK PDF viewer](/guides/flutter/viewer/page-info.md)
- [Optimize PDF reading with reader view for iOS](/guides/flutter/viewer/reader-view.md)
- [Customizing zoom options in our Flutter PDF viewer](/guides/flutter/viewer/zooming.md)