thl-uiReact・Vue・Angular のための統一 UI キット

ヘッドレスな TypeScript コア · ネイティブアダプター · グローバル設定 · i18n (en · ja · vi · zh) · 12 種類のスキン + ダークモード。

🧠

ヘッドレスコア

設定ストア、i18n、BEM クラスビルダー、ステートマシン（table、select、tabs、toast、upload、calendar、validation…）をプレーンな TypeScript で実装し、すべてのアダプターで共有します。

⚛️

React は hooks + forwardRef、Vue は plugin + v-model、Angular は signals と ControlValueAccessor を備えた standalone コンポーネント。名前もマークアップも共通です。

⚙️

テーマ、カラーモード、レイアウト、サイズ、角丸、z-index、prefix、コンポーネントごとのデフォルト値を実行時に変更し、保存できます。

🌏

en / ja / vi / zh に対応。Intl による複数形、数値・日付のフォーマット、ロケールの遅延読み込み、型付きのメッセージキーを備えています。

🎨

CSS カスタムプロパティ（--thl-*）、12 種類のスキン、完全なダークモード、論理プロパティによる RTL 対応。

📦

Button から DataTable、DatePicker、Calendar、チャート、AppLayout（縦 / ミニ / 横）、すぐに使える管理画面テンプレートまで揃っています。

このサイトのデモは実際に動作します。トップバーのセレクターでデモのロケールとスキンを、外観トグルでダークモードを切り替えてみてください。すべてのコンポーネントが同じグローバル設定を参照しています。