---
title: "Remove annotation tool in JavaScript PDF viewer | Nutrient"
canonical_url: "https://www.nutrient.io/guides/web/user-interface/annotation-toolbar/remove-a-tool/"
md_url: "https://www.nutrient.io/guides/web/user-interface/annotation-toolbar/remove-a-tool.md"
last_updated: "2026-05-30T02:20:01.425Z"
description: "Learn how to remove toolbar items in Nutrient Web SDK and customize your PDF annotation experience with our easy-to-use API and demo."
---

# Removing an annotation tool from our viewer toolbar

Nutrient Web SDK comes with a customizable annotation toolbar that, by default, includes a number of predefined items. You can remove any toolbar item you want using our API.

[Try for Free](https://www.nutrient.io/sdk/web/getting-started.md)

[Launch Demo](https://www.nutrient.io/demo/annotations)

In the example below, we’re removing the blend-mode item from the ink annotation toolbar when loading the PDF:

```js

NutrientViewer.load({
  //...otherOptions
  annotationToolbarItems: (
    annotation,
    { defaultAnnotationToolbarItems }
  ) => {
    if (annotation instanceof NutrientViewer.Annotations.InkAnnotation) {
      // Remove the default annotation toolbar item.
      return defaultAnnotationToolbarItems.filter(
        (item) => item.type!== "blend-mode"
      );
    }

    return defaultAnnotationToolbarItems;
  }
});

```

We can also change the annotation toolbar once the PDF has loaded using [`instance.setAnnotationToolbarItems`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#setAnnotationToolbarItems):

```js

instance.setAnnotationToolbarItems(
  (annotation, { defaultAnnotationToolbarItems }) => {
    if (annotation instanceof NutrientViewer.Annotations.InkAnnotation) {
      // Remove the default annotation toolbar item.
      return defaultAnnotationToolbarItems.filter(
        (item) => item.type!== "blend-mode"
      );
    }

    return defaultAnnotationToolbarItems;
  }
);

```
---

## Related pages

- [Create a new annotation tool in our viewer toolbar](/guides/web/user-interface/annotation-toolbar/create-a-new-tool.md)
- [Customizing an existing annotation tool in our viewer toolbar](/guides/web/user-interface/annotation-toolbar/customize-existing-tools.md)
- [Creating a custom annotation toolbar for mobile devices](/guides/web/user-interface/annotation-toolbar/mobile-responsiveness.md)
- [Rearranging annotation tools in our viewer toolbar](/guides/web/user-interface/annotation-toolbar/rearrange.md)