Comparar

Compara en paralelo los mismos componentes y sus tokens en cada sistema de diseño disponible.

Sobre

Shadcn / Radix y tokens locales

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

Papelería divertida con colores vivos y relieve

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—

Comparar

Compara en paralelo los mismos componentes y sus tokens en cada sistema de diseño disponible.

Sobre

Shadcn / Radix y tokens locales

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

Papelería divertida con colores vivos y relieve

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—