Design systems measured from real product UIs — color roles, typography and spacing as themes installable with the shadcn CLI. Free open shelf; companion MCP server for AI coding agents.
Weaviate's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Webflow's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Weights & Biases's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
WhatsApp Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Whimsical's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Whoop's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Windsurf's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Wise's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Wise Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Wispr Flow's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
WorkOS's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Xata's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
X Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Y2K Templates's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
YouTube Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
YouTube Music Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Zalando Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Zed's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Zoom Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.
Zora's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: installs with a PAID token (?token=<token>, mozaika.design/pricing). No key is needed for the open-shelf items, and a free key at mozaika.design/connect lets your agent search the whole library.