> ## Documentation Index
> Fetch the complete documentation index at: https://new.docs.falkordb.com/llms.txt
> Use this file to discover all available pages before exploring further.

# UI Elements

> Detailed documentation for FalkorDB Browser UI screens, panels, and interactions.

This section breaks down FalkorDB Browser’s UI into focused pages so you can quickly learn what each screen/panel does and how to use it.

The screenshots across this section use the same demo graph so the pages line up with one another.

## Screenshot set

* [Login screen](/images/browser/login-screen.png)
* [Main graph overview](/images/browser/overview.png)
* [Graph info panel](/images/browser/graph-info.png)
* [Query editor](/images/browser/query-editor.png)
* [Query history](/images/browser/query-history.png)
* [Upload Data (Load CSV - step 1)](/images/browser/upload-data-load-csv-step1.png)
* [Upload Data (Load CSV - step 2)](/images/browser/upload-data-load-csv-step2.png)
* [Upload Data (Cypher batch)](/images/browser/upload-data-cypher-batch.png)
* [Table view](/images/browser/table-view.png)
* [Metadata view](/images/browser/metadata-view.png)
* [Data / property panel](/images/browser/data-panel.png)
* [Style panel](/images/browser/style-panel.png)
* [Chat panel](/images/browser/chat-panel.png)
* [Settings page](/images/browser/settings-page.png)
* [UDF Libraries page](/images/browser/udf-libraries.png)

## Authentication

* [Login Screen](/browser/ui/login)

## Navigation & global controls

* [Navigation, theme toggle, and header](/browser/ui/navigation)

## Settings

* [Settings page (Browser settings, admin tools, tokens, tutorial)](/browser/ui/settings)
* [Roles & Access](/browser/ui/auth-access-control)

## UDF management

* [UDF Libraries page](/browser/ui/udf-libraries)

## Graph workspace

* [Graph page (overall layout)](/browser/ui/graph-page)
* [Main graph canvas](/browser/ui/graph-canvas)
* [Graph Info panel](/browser/ui/graph-info-panel)
* [Style panel (Customize label styles)](/browser/ui/style-panel)
* [Data / Property panel](/browser/ui/data-panel)
* [Graph toolbar & element actions](/browser/ui/toolbar-actions)
* [Graphs Manager](/browser/ui/graph-management)
* [Chat panel (natural-language to Cypher)](/browser/ui/chat-panel)

## Querying & results

* [Query editor](/browser/ui/query-editor)
* [Query history](/browser/ui/query-history)
* [Upload Data dialog](/browser/ui/upload-data)
* [Table view](/browser/ui/table-view)
* [Metadata view (Explain/Profile/Metadata)](/browser/ui/metadata-view)

## Developer tooling

* [API Docs (Swagger)](/browser/ui/api-documentation)

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="What are the main sections of the FalkorDB Browser UI?">
    The UI is organized into **Authentication** (login), **Navigation & global controls**, **Settings**, **Graph workspace** (canvas, panels, toolbar, chat), **Querying & results** (editor, history, table, metadata), and **Developer tooling** (API Docs).
  </Accordion>

  <Accordion title="Where do I find graph visualization controls?">
    Graph visualization controls are on the **Graph page**. See the [Main graph canvas](/browser/ui/graph-canvas) and [Graph toolbar](/browser/ui/toolbar-actions) pages for details on pan/zoom, selection, and element actions.
  </Accordion>

  <Accordion title="How do I customize the appearance of nodes?">
    Use the [Style panel](/browser/ui/style-panel) to change node colors and sizes per label. Open it from the Graph Info panel by clicking the palette icon next to a label.
  </Accordion>
</AccordionGroup>