Vergleichen

Dieselben Komponenten und ihre Tokens in allen verfügbaren Designsystemen im direkten Vergleich.

Sobre

Shadcn / Radix und lokale Design-Tokens

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Sobre

--mehdi-background—

--mehdi-accent—

--mehdi-primary—

--mehdi-destructive—

--mehdi-border—

--mehdi-muted—

Fun

Verspieltes Papierdesign mit kräftigen Farben und Relief

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Fun

--fun-background—

--fun-surface—

--fun-text—

--fun-yellow—

--fun-orange—

--fun-violet—

--fun-relief-ink—

Vergleichen

Dieselben Komponenten und ihre Tokens in allen verfügbaren Designsystemen im direkten Vergleich.

Sobre

Shadcn / Radix und lokale Design-Tokens

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Sobre

--mehdi-background—

--mehdi-accent—

--mehdi-primary—

--mehdi-destructive—

--mehdi-border—

--mehdi-muted—

Fun

Verspieltes Papierdesign mit kräftigen Farben und Relief

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Fun

--fun-background—

--fun-surface—

--fun-text—

--fun-yellow—

--fun-orange—

--fun-violet—

--fun-relief-ink—