lh-ui-vue2

エンタープライズ向け Vue 2.7 中華風コンポーネントライブラリ

中華風の美しさで、コードの基盤を築く —— 一つの core(@lh-ui/share)があり、各フレームワークは UI 層に過ぎない

🖌️

水墨画の中華風デザイン

CSS 変数のテーマシステム + プリセット + ダークモード。すべてのトークンは @lh-ui/share の唯一のソースから供給され、コンポーネントライブラリ内にスタイルの重複はありません。

テーマシステムを見る →
🔗

三つのチェーンが貫通

テーマチェーン(ConfigProvider)、フォームチェーン(バリデーション + aria-invalid 連動)、オーバーレイチェーン(Dialog / Tooltip / Select のドロップダウンが位置決めと z-index エンジンを共有)。

ConfigProvider を見る →
🧩

58 個のコンポーネント、五要素構成

各コンポーネント = SFC + composable のつなぎ込み + 型 + インストーラー + デモ。純粋なロジックはすべて share の core に集約され、Vue2 はリアクティブな接続のみを記述します。

インストールと読み込み →
⚡

既存の Vue2 プロジェクト向け

Vue 2.7(最終バージョン)と <script setup> を基盤とし、v-model と .sync のセマンティクスは既存の Vue2 プロジェクトの慣習と完全に一致します。

クイックスタート →
♿

アクセシビリティ優先

すべてのコンポーネントが ARIA 属性とキーボード操作を備え、フォーカス管理、aria-invalid 連動、ダークモードのコントラストは WCAG に照らして実装されています。

アクセシビリティの実践を見る →
🧭

一つの core、マルチプラットフォームの UI 層

lh-ui ファミリーは同一の core 純粋関数とスタイルソースを共有し、Vue2 / Vue3 / React の各端末で一貫した表現を提供します。移行コストはほぼゼロです。

Vue3 版にアクセス →