nyuchi-tokens-react-native

lib

Nyuchi Design Tokens for React Native. Auto-generated from nyuchi-tokens. Exports StyleSheet-compatible TypeScript constants for iOS and Android React Native apps. Five African Minerals + Five Heritage Colors. Same token system as the web CSS output.

Source code

No interactive demo is registered for this component yet — the source is shown directly.

// NYUCHI DESIGN TOKENS — N1 Vertical Node
// React Native — auto-generated from nyuchi-tokens
// Source of truth: design.nyuchi.com
// Do not edit manually.

export const NyuchiColors = {
    // Five African Minerals
    cobalt:     "#00B0FF",
    tanzanite:  "#B388FF",
    malachite:  "#64FFDA",
    gold:       "#FFD740",
    terracotta: "#D4A574",

    // Five Heritage Colors
    indigo:   "#8C9EFF",
    savanna:  "#FFCC80",
    baobab:   "#A5D6A7",
    sunset:   "#FF8A80",
    river:    "#80DEEA",
} as const;

export const NyuchiSpacing = {
    xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32,
} as const;

export const NyuchiRadius = {
    sm: 7, md: 12, lg: 14, xl: 17, full: 9999,
} as const;

export const NyuchiFonts = {
    sans:  "NotoSans-Regular",
    serif: "NotoSerif-Regular",
    mono:  "JetBrainsMono-Regular",
} as const;

Variants & props

The variants, sizes, and props surfaced by the registry. Each is sourced from the Supabase component_docs table.

API tester

Hit the registry API live and see the JSON the shadcn CLI consumes when it installs this component.

GET/api/v1/ui/nyuchi-tokens-react-native

Install

npx shadcn@latest add https://mzizi.dev/api/v1/ui/nyuchi-tokens-react-native