lh-ui-core

The build-time center of the native bloodline — design token source of truth, component contracts, golden cases, and cross-platform codegen. It works only at build time; the artifacts contain no JavaScript at all.

Quick Start Token Reference

What this repository does

🎨 Single source of truth for design tokens

9 platform-neutral JSON sources (color / typography / spacing / radius / shadow / motion / elevation / component-level), strictly schema-constrained, with no platform-specific syntax allowed. Token Format

📐 Component contracts

One JSON contract per component: props / enums / defaults / events / slots / behaviors, with naming regular expressions guaranteeing consistency across the five targets. Contract Format

🧪 Golden cases

Cross-platform translatable given/when/then behavior-level assertions — logic is not shared, behavior is. Case Format

⚙️ Cross-platform codegen

One set of neutral tokens generates the language skeletons for Android (Kotlin) / iOS (Swift) / HarmonyOS (ArkTS) / Windows (C#) — skeletons only, never implementations. Pipeline Overview

🌙 Dark mode precomputation

The web bloodline’s color-mix() is precomputed to flat color values at build time, at zero runtime cost for the native targets. Dark Mode Merging

🔗 Local linking

Under the family layout, changing a token and re-running codegen takes effect immediately — with existence guards, no publishing required. Local Linking

Family sites

lh-ui (overview)

The family portal: the two-bloodlines architecture and the design language baseline. Open →

lh-ui-plus (Vue3)

The Vue3 component library of the web bloodline. Open →

lh-ui-android

Native bloodline: Compose token package + component implementations. Open →

lh-ui-ios

Native bloodline: SwiftUI token package + component implementations. Open →

lh-ui-harmony

Native bloodline: ArkUI token package + component implementations. Open →

lh-ui-windows

Native bloodline: WinUI 3 (C#) token package + component implementations. Open →