designseeddocs

Library

Browsing & searching

1 min read

The library is curated. Every entry is a hand-tuned DESIGN.md inspired by a real brand — Stripe, Vercel, Airbnb, Linear, Spotify, Apple, Notion, Tesla, and more land each month.

The browse surface

Open designdrop.app/library for the full grid. The left sidebar holds three filter dimensions:

  • Category — SaaS, Consumer, Editorial, Brutalist. Pick one to narrow the list to systems that share a posture.
  • Dominant color — indigo, red, green, monochrome, multi. Useful when you already know the rough hue you want.
  • Sort — Popular (by install count), Recent (NEW badges first), Alphabetical.

The search box matches across slug, name, description, and category. Filter state is mirrored to the URL so you can share a filtered view (e.g. /library?category=Editorial&color=monochrome).

The brand detail page

Each entry has its own page at /library/[slug] with four tabs:

  1. Preview — a sample UI rendered with the actual primary, accent, surface, and type tokens.
  2. DESIGN.md — the source file you'd install, ready to copy.
  3. Tokens — every color / typography / radius / spacing token in a sortable table.
  4. Reviews — community ratings and notes from other users.

The right sidebar has the install command (one click to copy), per-format download buttons (DESIGN.md / CSS / Tailwind / DTCG JSON), and a bookmark toggle that syncs with your account.

Bookmarks

Click the bookmark icon on any brand page to save it for later. Bookmarks live at /dashboard/bookmarks and survive across devices once you sign in.

CLI alternative

If you'd rather stay in the terminal:

designdrop list --category Editorial
designdrop search "soft"

Both commands accept --json for piping into other tools.