kasumi/ui

日本語に最適化した、シンプルで美しい UI コンポーネントライブラリ。

shadcn/ui のミニマルな設計思想をベースに、日本語タイポグラフィに合わせた行間・フォントスタックを組み込んでいます。

ドキュメント

https://kasumi-ui.vercel.app/docs

特徴

• 日本語タイポグラフィ最適化 — Minor Third (×1.2) モジュラースケール、日本語に適した行間設定
• システムフォント — OS ネイティブフォントで高速表示。Web フォントのダウンロード不要
• Tailwind CSS 4 — CSS 変数ベースのデザイントークン、ライト/ダークモード対応
• コピー&ペーストで導入 — shadcn/ui と同じアプローチ。依存関係ではなく、自分のコードとして管理

技術スタック

• Next.js 16 (App Router)
• React 19
• Tailwind CSS 4
• Radix UI — 複雑な振る舞いのみ
• Lucide — アイコン

ライセンス

MIT