← blog

Mood board tools for developers, compared

Tools · July 2, 2026 · 13 min read

Raindrop, mymind, Obsidian, Sublime, Savee, Eagle, Are.na, Notion, Figma, and Stele, judged on the thing developers actually need: does anything survive the capture that helps you build it.

Most mood board comparisons are written for designers, and they grade on the axes designers care about: how the grid looks, how it feels to browse, how nice it is to share a board. Those are real axes. They are not the ones that decide whether a tool is useful to someone who has to implement the thing.

The developer axis is narrower and more brutal: after you save something, how much of it can you still use? Not look at. Use. So that is what this compares, alongside the ordinary stuff (capture friction, search, rot, price model).

Disclosure up front: Stele is ours, and it is in the list. It is last, and the section says plainly what it is bad at.

The four axes

Every tool below is graded on the same four things.

  • Fidelity: what survives the save. A URL, a picture, or the actual element with its structure and computed styles.
  • Retrieval: can you find one item among 500 six months later, from a vague memory.
  • Rot resistance: does the saved item still work after the source site is redesigned or taken down.
  • Friction: keystrokes and decisions between "I like this" and "it is saved".

Prices are deliberately not quoted. Every tool here has changed its pricing at least once and a number in a blog post is a number that will be wrong. The pricing model (free tier, subscription, one-time) is stable enough to mention; the figure is not.

Raindrop.io

A bookmark manager with a genuinely good visual mode. Collections, nested collections, tags, browser extensions on everything, and a paid tier that keeps a permanent copy of the page so you are not purely dependent on the original surviving.

Where it is strong: it is the most organized-feeling option in the list and it is fast. Full-text search over saved content on the paid tier is real and works. If your problem is that you have 900 links across four browsers, Raindrop solves that problem well.

Where it falls down for this use: fidelity. A saved item is a URL, a title, and a preview image. The permanent copy helps with rot but it is an archived page, not an addressable element with computed styles. When you want to know what the spacing scale on that card was, Raindrop has nothing to tell you.

Best for: people whose library is mostly links and articles, with visual references as a secondary concern.

mymind

Deliberately the opposite of an organizing tool. No folders, no tags you have to maintain, no boards. You save things, it tags and categorizes them automatically, and you find things by searching. Strong privacy stance, single subscription.

Where it is strong: friction is close to zero, which is the failure mode that kills most libraries. It also handles the mixed reality of a real library well: images, articles, quotes, colors, and notes all go in the same place and come back out through one search.

Where it falls down for this use: it is a mind, not a spec. It saves images and pages beautifully, and it will not tell you a hex value, a font stack, or a border radius. It is also opaque by design: you are trusting the automatic organization, which is lovely when it works and hard to correct when it does not.

Best for: people who have abandoned three organizing systems and want to stop organizing. Genuinely the best answer for that person.

Obsidian

Local markdown files with a plugin ecosystem, a graph view, and no server unless you pay for sync. Frequently proposed as a design library because it is proposed for everything.

Where it is strong: durability and control. Your library is plain files on your disk; nothing can take it away or change the terms. If your reference library is substantially prose (notes on why something works, patterns you are describing in words), Obsidian is excellent and nothing else on this list competes.

Where it falls down for this use: it is a text tool. An image in an Obsidian note is an image in an Obsidian note. Browsing visually means installing plugins and accepting a browsing experience that is a plugin. Capture from the browser means a clipper that produces markdown, which is exactly the wrong shape for a UI reference.

Best for: a writing-first practice where the visual references are illustrations of arguments you are making in text.

Sublime

A curation network. You save cards, connect them, and other people’s collections are part of the experience. The social layer is the point rather than a bolt-on.

Where it is strong: serendipity. It is one of the few tools where the library gives you back things you did not put in it, which is a real advantage for the "pattern vocabulary" kind of library.

Where it falls down for this use: it is built around ideas and excerpts, not around interfaces, and certainly not around implementation detail. Same fidelity ceiling as everything in the bookmark family.

Best for: research and thinking, where the value is in the connections rather than in the artifacts.

Savee and Cosmos

Two visual bookmarking tools aimed squarely at designers. Image-first, strong browsing feel, good taste in defaults, and a discovery layer that is genuinely better curated than Pinterest’s.

Where they are strong: this is the category winner for looking at things. If what you want is a board that feels good to build and good to show someone, these are better at it than anything else in the list, including us.

Where they fall down for this use: fidelity again, and hard. These are image tools. Everything that made the interface good is gone the instant it is saved. They are also weakest exactly where developers are strongest: you cannot get from a Savee board to an implementation without re-deriving everything by eye.

Best for: visual direction, mood, and taste. Not for implementation.

Eagle

A local desktop app for organizing images and other assets. Folders, tags, colour search, duplicate detection, and it is fast on very large libraries. One-time purchase rather than a subscription.

Where it is strong: bulk. If you have 20,000 images, Eagle is the only tool in this list that handles them without complaint, and its colour-based filtering is legitimately useful for visual work.

Where it falls down for this use: it is an asset manager, so it inherits the flat-image ceiling, and browser capture is a secondary concern rather than the core loop. It is also local-first in the literal sense: your library lives on that machine.

Best for: large asset collections, especially if you also work with images that did not come from the web.

Are.na

Channels of blocks, connected to other channels, with a research culture around it. Slow by design, quiet, no algorithm.

Where it is strong: the connection model is the best idea in this list. A block living in several channels at once maps onto how references actually work better than folders do.

Where it falls down for this use: fidelity, and speed of capture. Are.na is for thinking over months, not for grabbing a component you need on Thursday.

Best for: long-horizon research and visual essays.

Notion

A database with embeds, used as a design library by many teams because it is already open in the other tab.

Where it is strong: structure and sharing. If your library needs fields (project, status, who found it, what we decided), Notion is the only tool here that does that properly, and being where the rest of the team already works is worth more than most feature comparisons admit.

Where it falls down for this use: everything else. Capture is manual, browsing is a table, images are attachments, and the fidelity ceiling is the lowest in the list because a pasted screenshot in a Notion row is the most inert form a reference can take. Libraries built this way reliably stall around forty rows.

Best for: a team decision log about design, not a personal reference library.

Figma and FigJam

Not a mood board tool, but it is where a lot of mood boards live, so it belongs here.

Where it is strong: it is adjacent to the work. A board in the same file as the design means the reference is where the decision is being made, which matters more than any feature.

Where it falls down for this use: a pasted screenshot in Figma is exactly as flat as a pasted screenshot anywhere else, and Figma files are not a searchable library. Finding something you pasted eight months ago in another file is not a thing you will do.

Best for: the current project’s board. Not for accumulation.

Stele

Ours, so read this section with appropriate suspicion.

The premise is the fidelity axis. Capture runs in a Chrome extension, and an element capture takes the element with its real DOM and computed CSS rather than a picture of it: markup, computed styles, the assets it needs. That means the reference stays inspectable after the source site is redesigned, and it means you can ask it questions a picture cannot answer. Extracted design tokens (colours with roles, type ramp, spacing, radii, shadows, gradients, motion), a WCAG and APCA contrast audit of the pairings actually used, and React or HTML with Tailwind generated from the capture. Or hand the whole thing to your AI agent as structured context instead of as a screenshot and a hope.

Retrieval is full-text plus semantic search plus OCR over images, on one canvas rather than per-project silos.

Where it is weaker than the alternatives, honestly: capture needs the Chrome extension on desktop, so there is no mobile capture and no clipping from a phone. There is no discovery or social layer at all, so it will never hand you something you did not save, which Sublime and Savee both do well. It is worse than Savee and Cosmos at the pure pleasure of browsing a board. It is worse than Eagle at very large libraries of images that did not come from the web. And it is in beta, which is a real answer to "should I move my whole library today".

Best for: frontend developers and design engineers whose references exist to be built from.

The short version

Pick on the axis that actually binds you:

  • You have too many links: Raindrop.
  • You have abandoned every system: mymind.
  • Your library is mostly writing: Obsidian.
  • You want the library to surprise you: Sublime or Are.na.
  • You want the nicest board: Savee or Cosmos.
  • You have tens of thousands of images: Eagle.
  • Your team needs fields and a paper trail: Notion.
  • You need to implement what you saved: Stele.

The honest meta-point is that most people in this category do not have a tool problem, they have a fidelity problem, and they have been solving it by re-deriving everything by eye and assuming that is just what the job is. It is not.