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.
Browserbase'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.
Bubblegum UI'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.
Builder.io'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.
Bumble 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.
Bun'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.
Business Front'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.
Butter 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.
Caffeine UI'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.
Cal.com'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.
Calendly'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.
Calm'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.
Calm 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.
Candyland UI'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.
Canva'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.
Capacities'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.
CapCut 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.
Cap'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.
Captions'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.
Caraway'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.
Cargo'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.
Carrd'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.
Cartesia'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.
Cash App'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.
Cash App 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.
Catppuccin UI'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.
Census'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.
Cerebras'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.
Character.AI 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.
ChatGPT 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.
Checkout.com'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.
Chocolate 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.
Chroma'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.
Claude's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Claude UI'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.
Clay'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.
Claymorphism UI'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.
Clean Blog'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.
Clean Slate UI'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.
Clerk'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.
ClickHouse'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.
ClickUp Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Cluely'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.
Coda'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.
Coder'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.
CodeSandbox'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.
Cognition'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.
Cohere'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.
Coinbase'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.