1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability

1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability

1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app

Registry Health Inspect

Terms of Service Privacy Policy

Registries
mozaika
Figma — Decoded Design System

Figma — Decoded Design System

theme

Figma's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.

pnpm dlx shadcn@latest add "https://mozaika.design/r/figma.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

#FFFFFF

--foreground:

#000000

--card:

#EFEFEF

--card-foreground:

#000000

--popover:

#EFEFEF

--popover-foreground:

#000000

--primary:

#000000

--primary-foreground:

#FFFFFF

--secondary:

#EFEFEF

--secondary-foreground:

#000000

--muted:

#EFEFEF

--muted-foreground:

#606060

--accent:

#EFEFEF

--accent-foreground:

#000000

--border:

#D8D8D8

--input:

#D8D8D8

--ring:

#000000

--radius:

0px

Dark Mode

--background:

#FFFFFF

--foreground:

#000000

--card:

#EFEFEF

--card-foreground:

#000000

--popover:

#EFEFEF

--popover-foreground:

#000000

--primary:

#000000

--primary-foreground:

#FFFFFF

--secondary:

#EFEFEF

--secondary-foreground:

#000000

--muted:

#EFEFEF

--muted-foreground:

#606060

--accent:

#EFEFEF

--accent-foreground:

#000000

--border:

#D8D8D8

--input:

#D8D8D8

--ring:

#000000

--radius:

0px

Theme

--font-sans:

"figmaSans", "Newsreader", system-ui, -apple-system, 'Segoe UI', sans-serif

--font-heading:

"SF Pro Display", "Inter", system-ui, -apple-system, 'Segoe UI', sans-serif

--font-mono:

"figmaMono", ui-monospace, monospace

CSS