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

Quick Links

Pinned bookmarks with favicons. Drag to reorder, set a custom emoji, or let the favicon-or-letter fallback do the work.

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 four 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. Your emoji. If you set the emoji field, that wins every time. Useful when a host doesn't have a favicon you like, or when you'd rather see a 📕 than a generic globe.
  • 2. Google's favicon service. Fast and reliable for most-of-the-internet — google.com/s2/favicons.
  • 3. DuckDuckGo's favicon service. A second-chance fallback for newer or less-popular hosts where Google returns a generic globe — icons.duckduckgo.com.
  • 4. 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.

Settings

Setting Type Default
Links

Add, remove, rename, or drag-reorder bookmarks. Each link has a title, a URL, and an optional emoji. Click and hold the grip handle on the left to drag a row into a new position. New entries are appended to the bottom — drag them where you want.

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

  • Emoji slots are tiny editors. The emoji field accepts up to four characters — paste a single emoji and that's what fills the icon, but you can also use a short identifier like JS if you want letter-like icons across the board.
  • Auto-fit doesn't grow tiles past 160px. When a column would force a wider tile, the grid wraps to a new row instead — links stay readable rather than turning into stretched billboards.
  • 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. If you set an emoji, the tile doesn'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.