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.
Kayak 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.
Kinde'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.
Klarna'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.
Klarna Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Klim Type Foundry'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.
Knock'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.
Kodama Grove 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.
Komoot 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.
Kraken 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.
Krea'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.
Lambda'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.
LangChain'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.
Langfuse'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.
LaunchDarkly'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.
Lemon Squeezy'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.
Leonardo AI'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.
Letterboxd'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.
Letterboxd 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.
Levels'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.
Lindy'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.
Linear's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Linear 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.
LinkedIn 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.
Linktree'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.
Liquid Death'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.
Lithic'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.
Liveblocks'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.
LlamaIndex's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Loom'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.
Loops'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.
LottieFiles'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.
Lovable'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.
Luma AI'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.
Luma'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.
Magic Patterns'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.
Magic Spoon'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.
Magnific'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.
Matcha Templates's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Max 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.
Mem'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.
Mercury's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Messenger 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.
Metabase'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.
MetaMask 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.
Microsoft Teams 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.
Midjourney'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.
Midnight Bloom UI'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.
Milanote'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.