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.
Dust'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.
E2B'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.
eBay 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.
Eight Sleep'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.
ElectricSQL'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.
Elegant Luxury 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.
ElevenLabs'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.
Encore'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.
Endel'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.
Eraser'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.
eToro 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.
Evidence'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.
Exa's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Excalidraw'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.
Facebook 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.
Factory'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.
Faire'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.
Fal'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.
Family'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.
Fathom'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.
Fey'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.
Figma's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Figma 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.
Fireworks 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.
Fishwife'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.
Flighty'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.
Flo Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.
Fly.io'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.
Framer'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.
Frec'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.
Freelancer'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.
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.
Function Health'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.
Gamma'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.
Gemini 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.
Getir 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.
Ghia'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.
Ghost'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.
Ghostfolio'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.
Ghostty'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.
GitHub 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.
Gitpod'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.
Glossier'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.
Gmail 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.
Google Calendar 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.
Google Drive 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.
Google Maps 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.
Google Photos Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.