Kaze は、人にもAIにも扱いやすいデザインシステムです。明快なトークン設計と軽量な CSS で、AI コーディングツールとの協業でも、手書きでも、迷わず美しい UI を組み立てられます。
開発体験とユーザー体験の両方を追求した、モダンなデザインシステム。
ランタイム JavaScript ゼロ。gzip 後 23KB 程度の CSS で、すべてのコンポーネントをスタイリングします。パフォーマンスを犠牲にしません。
import "kaze-design-system/css/all";カラー・タイポグラフィ・スペーシングを一元管理。CSS カスタムプロパティベースで、テーマの切り替えもわずか数行です。
WAI-ARIA ガイドラインに準拠。キーボード操作、スクリーンリーダー対応を標準搭載し、すべてのユーザーに配慮した体験を届けます。
ライト / ダークをワンクリックで切り替え。デザイントークンの自動変換により、追加の CSS は一切不要です。
個人開発からエンタープライズまで、あらゆる規模に対応します。
個人プロジェクトやオープンソースに最適
チーム開発やスタートアップ向け
大規模チーム・組織向けカスタムプラン
Kaze を導入したチームからいただいたフィードバックをご紹介します。
Kaze を導入してから、UIの実装スピードが劇的に向上しました。デザイントークンのおかげで、デザイナーとエンジニアの認識のズレがなくなり、手戻りが大幅に減りました。
軽量でありながら、アクセシビリティまでしっかり対応しているのが素晴らしい。ダークモードの実装もトークンの切り替えだけで完了し、工数を大幅に削減できました。
依存関係ゼロというのは本当に心強い。バンドルサイズを気にせず使えるので、パフォーマンスを最優先にするプロジェクトでも安心して採用できます。
Kaze に関するよくある質問をまとめました。