UI reference · web

Creating a mind map

8 screens · NotebookLM

Creating a mind map UI from NotebookLM

Patterns

Chat DetailMulti-Column LayoutChat Bot

Components

tabcard

Explore real product flows

Creating a notebook flow in NotebookLM

Creating a notebook

Logging in flow in NotebookLM

Creating a notebook flow in NotebookLM

Creating a notebook

Saving a response to a note flow in NotebookLM

Saving a response to a note

Adding a source (link) flow in NotebookLM

Adding a source (link)

Selecting sources flow in NotebookLM

Selecting sources

Sharing a notebook flow in NotebookLM

Sharing a notebook

Adding a note flow in NotebookLM

Generating an audio overview flow in NotebookLM

Generating an audio overview

Rating a response flow in NotebookLM

Rating a response

Copying a response flow in NotebookLM

Copying a response

Switching to dark mode flow in NotebookLM

Switching to dark mode

Explore the full catalog

Terms and conditions Privacy Cookies