---
title: "Optimize web bookmarks with Nutrient | Built-in UI guide"
canonical_url: "https://www.nutrient.io/guides/web/bookmarks/built-in-ui/"
md_url: "https://www.nutrient.io/guides/web/bookmarks/built-in-ui.md"
last_updated: "2026-06-08T17:11:05.593Z"
description: "Learn to optimize web bookmarks using Nutrient Web SDK’s customizable sidebar. Create, edit, and navigate bookmarks efficiently within your documents."
---

# PDF bookmarks in our JavaScript PDF viewer

In Nutrient Web SDK, the highly customizable bookmarks sidebar can be shown by the user by selecting the bookmarks sidebar icon from the sidebar dropdown in the toolbar.

The bookmarks sidebar shows a list of bookmarks available in a document. These bookmarks are grouped and ordered by page. The sidebar can be used to navigate to the bookmarked pages.

New bookmarks can be created by using the Add Bookmark button.

Bookmarks can also be edited or deleted.

## Customizing the bookmarks sidebar UI

The UI for the sidebar is highly customizable. See our [bookmarks sidebar customization](https://www.nutrient.io/guides/web/user-interface/sidebar/bookmarks.md) guide to learn more.
---

> Part of [JavaScript PDF bookmark library](/guides/web/bookmarks.md)

## Related pages

- [Create bookmarks in PDF using JavaScript](/guides/web/features/bookmarks.md)
- [Edit bookmarks in PDFs using JavaScript](/guides/web/bookmarks/edit.md)
- [Detect changes in PDF bookmarks](/guides/web/bookmarks/detect-changes.md)
- [Remove bookmarks in PDFs using JavaScript](/guides/web/bookmarks/remove.md)