Quick Links — butter docs Skip to content
Widgets / The day

Quick Links

Pinned bookmarks with favicons. Just a title and a URL — the icon resolves itself, and rows reorder with a smooth, snappy drag.

A bookmark bar that's actually a bookmark bar — with favicons, big tap targets, and the same drag-to-reorder feel as your browser's own. Ships with four starter links so the widget feels alive from the first second; replace them with whatever you open all day.

Free 8×2 default Layout-synced
Quick Links
G
GitHub
github.com
L
Linear
linear.app
H
HN
news.ycombinator.com
M
MDN
developer.mozilla.org
V
Vercel
vercel.com
F
Figma
figma.com

Add it to your dashboard

Press E for edit mode, then A and pick Quick Links. It drops in eight columns wide so the starter tiles read across the page; you can shrink to three or stretch to twelve depending on how many links you keep.

Open the widget's settings ( E , then the gear in the title bar) to manage the link list. Click Add link to append a row, paste a URL, and give it a short title. Reorder by dragging the grip on the left.

How the favicon falls back

Each tile resolves an icon in a deliberate order, so you almost always get something recognisable in the slot — but never a broken image:

  • 1. Google's favicon service. Fast and reliable for most-of-the-internet — google.com/s2/favicons.
  • 2. DuckDuckGo's favicon service. A second-chance fallback for newer or less-popular hosts where Google returns a generic globe — icons.duckduckgo.com.
  • 3. A letter chip. If both services miss, the tile shows the first letter of the title (or host) on a muted background. No broken images, no question marks.

(Links created in older versions with a custom emoji keep it — the emoji still wins over the favicon for those. There's just no emoji field to fill in anymore.)

Settings

Setting Type Default
Links

Add, remove, rename, or drag-reorder bookmarks. Each link is just a title and a URL — its glyph resolves automatically from the site's favicon, with a letter chip as the fallback. Grab the grip handle to drag a row into a new position; rows slide out of the way as you go. New entries append to the bottom.

list 4 starter links
Columns

Auto fits as many 160-pixel-wide tiles as the cell allows; two and three pin the grid to that column count regardless of width. Use the pinned options when you want links to read as a tidy stack instead of a responsive grid.

auto · two · three auto
Hide host subtitle

Each tile shows the title up top with the host (github.com, linear.app) underneath. Toggle this on to drop the subtitle and let the title sit on its own — cleaner when your titles are already descriptive.

toggle off

Small things you might miss

  • The drag is the nice kind. Reordering in settings isn't the browser's ghost-image drag — the row rides your pointer 1:1 while the others slide out of the way with an eased motion, and what you see in the settings row (icon included) is exactly what the tile renders.
  • Tiles auto-fit at a 160px minimum. The grid packs as many 160px-or-wider columns as fit the widget, then stretches the tiles evenly to fill the row — resize the widget and the column count adapts.
  • Empty title falls back to the host. If you leave the title blank, the tile shows the hostname. Useful for one-off bookmarks where you don't want to think of a name.
  • Per-instance links. Each Quick Links widget keeps its own list, so you can stack a "work" set on one dashboard and a "personal" set on another without them tangling.

Heads up

  • Favicon services fetch from third parties. Each tile asks Google or DuckDuckGo for an icon by hostname. That means the host of every Quick Link is visible to those services as a side effect of rendering the icon. Legacy links with an emoji set don't make any favicon request at all.
  • Links sync as part of your layout. The whole link list sits inside the layout payload, so it follows your Chrome to other devices the same way the widget itself does. There's no separate "Quick Links data" store to keep aligned.