---
title: "Bookmarks"
description: "Displays multiple app links"
hide_title: true
---

import { WidgetInteractionGuide } from "@site/src/components/widgets/interactions";

import { AddingWidget } from "@site/src/components/widgets/adding";
import { WidgetConfig } from "@site/src/components/widgets/configuration";
import { WidgetHeader } from "@site/src/components/widgets/header";
import { bookmarksWidget } from ".";

<WidgetHeader widget={bookmarksWidget} categories={["Links", "Apps"]} />

The bookmarks widget allows you to display multiple links in a single widget.
Select one or more existing Apps directly in the widget settings; these bookmarks keep a reference to the App, so changes to its name, icon, or URL are reflected automatically.
For links that do not need an App, add their URLs under **Custom links** instead.
Its normal view adapts each configured layout to the available width and height: lower-priority hostnames are hidden before names or icons, and larger collections scroll instead of crushing cards.
Advanced view shows every bookmark as a roomy card with its full title, hostname, icon, and complete description regardless of the compact layout and visibility choices.

### Screenshots

import gridIconsOnly from "./img/grid-icons-only.png";
import gridWithTitle from "./img/grid-with-title.png";
import verticalListAll from "./img/vertical-list-all.png";
import verticalListSimple from "./img/vertical-list-simple.png";

<div className='flex gap-1'>
    <div className='flex flex-col gap-1'>
        <img src={gridIconsOnly} alt="bookmarks grid icons-only" width={128} height={128} />
        <img src={verticalListSimple} alt="bookmarks vertical-list no-domain" width={128} height={128} />
    </div>

    <img src={gridWithTitle} alt="bookmarks grid with-title" width={256 + 4} height={256 + 4} />
    <img src={verticalListAll} alt="bookmarks vertical-list all-elements" width={128} height={256 + 4} />

</div>

<WidgetInteractionGuide />

### Adding the widget

<AddingWidget />

### Configuration

<WidgetConfig configuration={bookmarksWidget.configuration} />