CodeConnect Design System

始める

CodeConnect Design Systemは、プロフェッショナルなWebアプリケーションを構築するための包括的なUIライブラリです。 役割に応じて適切なガイドを選択してください。

主な特徴

アクセシビリティ重視

WCAG 2.1準拠。すべてのコンポーネントはキーボードナビゲーション、スクリーンリーダー対応、適切なARIA属性を備えています。

型安全性

TypeScript完全サポート。すべてのコンポーネントとフックは厳密な型定義を提供し、開発体験を向上させます。

カスタマイズ可能

Tailwind CSS 4 + CSS変数。デザイントークンを上書きするだけで、ブランドに合わせたカスタマイズが可能です。

モダンなスタック

React 19、Radix UI、class-variance-authority。最新のベストプラクティスに基づいた技術選定。

クイックスタート

最速で始めるなら、開発者向けガイドとインストールガイドをご覧ください。