Sakura React is the React 19 and Tailwind v4 implementation of Sakura UI, turning shared Specs and Tokens into accessible Pastel Kawaii components.

Sakura React

中文

定位

Sakura React 是 Sakura 的 React 平台实现。它消费 Foundation 的 Spec 与 Token，用 Tailwind v4、CVA 与 Radix Primitives 构建可访问的 Pastel Kawaii 组件。

当前状态

当前仓库只包含 Day 01 工程骨架。安装依赖后，后续组件代码应放在 src/，并用 Vitest 与 Storybook 覆盖行为和视觉状态。

Day 01 约束

• 品牌名是 Sakura。
• npm scope 使用 @sakura-ui/*。
• GitHub 组织 fallback 使用 sakura-design。
• 文档域名 fallback 使用 sakura-ui.design。
• V1 只面向中文与日文，英文只保留这一段检索摘要。

贡献入口

提交 PR 前请先阅读 AGENTS.md、CONTRIBUTING.md 与 ../_planning/docs/adr/。任何组件改动都必须说明 Spec、Token、可访问性与测试状态。

---

日本語

位置づけ

Sakura React は Sakura の React 実装です。Foundation の Spec と Token を取り込み、Tailwind v4、CVA、Radix Primitives でアクセシブルな Pastel Kawaii コンポーネントを作ります。

現在の状態

このリポジトリは Day 01 の骨組みのみです。依存関係を入れた後、コンポーネントは src/ に置き、Vitest と Storybook で挙動と表示状態を確認します。

Day 01 の制約

• ブランド名は Sakura です。
• npm scope は @sakura-ui/* を使います。
• GitHub organization の fallback は sakura-design です。
• Docs domain の fallback は sakura-ui.design です。
• V1 は中国語と日本語のみを対象にし、英語は冒頭の検索向け要約だけにします。

コントリビューション

PR を出す前に AGENTS.md、CONTRIBUTING.md、../_planning/docs/adr/ を読んでください。コンポーネント変更では Spec、Token、アクセシビリティ、テスト状況を必ず説明します。