> For the complete documentation index, see [llms.txt](https://help.readermode.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.readermode.io/using-reader-mode/user-interface.md).

# User Interface

To be more familiar with Reader Mode let's check the main parts of a user interface. Deep dive to learn more about each feature.

### Browser Extension

<figure><img src="https://3115258784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkXjVEac1Q6gAvILrstTW%2Fuploads%2F0hmaPm6rEAAeGq4sUpsf%2FUI_extension_2.jpg?alt=media&amp;token=900250d1-a27a-4708-8890-50637864baac" alt="" width="563"><figcaption></figcaption></figure>

1. [Save Bookmark](/using-reader-mode/bookmarks.md)
2. [Read & Annotate](/using-reader-mode/reader-mode.md) — Distraction-free Reader
3. [Annotate PDF](/using-reader-mode/highlights.md)
4. [Highlight Settings](/using-reader-mode/highlight-settings.md) popup
5. Username that link to [user's profile](/using-reader-mode/profile.md)
6. [Dashboard](/using-reader-mode/dashboard.md)
7. [Help & Support ](https://help.readermode.io)
8. [Extension Settings](/getting-started/extension-settings.md) page

### Web App

<figure><img src="https://3115258784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkXjVEac1Q6gAvILrstTW%2Fuploads%2F2u4uVkeDdd3In0uUnJZf%2Fui_2.jpg?alt=media&amp;token=dfc934e6-725a-4b1b-a335-b049a1731fad" alt=""><figcaption></figcaption></figure>

1. [Profile & settings](/getting-started/account-settings.md)
2. [Tags](/using-reader-mode/tags.md)
3. [Collections](/using-reader-mode/collections.md) — are essentially just folders
4. [Search](/using-reader-mode/search.md)
5. Add new [article, image, PDF](/using-reader-mode/bookmarks.md), [Note](/using-reader-mode/note.md)
6. [Bookmarks](/using-reader-mode/bookmarks.md)
7. [Instant preview](/using-reader-mode/instant-preview.md)