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.
1Password'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.
1Password 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.
Admin Pro'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.
Adyen'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.
Aesop'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.
Agency'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.
Airbnb 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.
Airbyte'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.
Airtable'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.
Akiflow'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.
Allbirds'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.
AllTrails 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.
Amazon 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.
Amber Minimal UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Amethyst Haze 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.
Amie'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.
Amplitude'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.
Anytype'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.
App Landing'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.
Apple Music'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.
Apple Music 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.
Appsmith'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.
Appwrite'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.
Arc's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Are.na'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.
Asana 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.
Ashby'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.
AssemblyAI'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.
Astro'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.
Attio'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.
Audible 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.
Augment'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.
Away'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.
Axiom'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.
Baseten'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.
Bear'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.
Beehiiv'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.
Bellroy'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.
Bento'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.
Better Stack'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.
Bilt'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.
Biome'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.
Blog Home'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.
Bluesky 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.
Bold Tech 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.
Bolt'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.
Braintrust'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.
Brex'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.