An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4.
Design system character component.
Responsive mobile-state hook.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Design system ui component.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
見出し・説明・主操作をまとめる。本文や画面状態の代わりには使わない。
Design system ui component.
Design system ui component.
Design system ui component.
Design system ui component.
完了結果と次の行動を残す画面。短い通知だけなら使わない。
検索語を入力する欄。条件全体の管理にはtable-toolbarを使う。
Design system ui component.
Design system ui component.
複数の設定群を管理する画面。単一項目の変更には使わない。
設定群の見出し・説明・本文。画面全体にはsettings-pageを使う。
Design system ui component.
Design system ui component.
Design system ui component.
Design system ui component.
Design system character component.
Design system ui component.
Design system ui component.
順番に入力し確認して送信する画面。独立した複数作業には使わない。
Design system character component.
Design system ui component.
Design system ui component.
一覧の検索・条件・件数をまとめる。表本体にはdata-tableを使う。
Design system ui component.
独立した複数作業の進行を管理する画面。直線的な段階入力には使わない。
Design system ui component.
Design system ui component.
Design system ui component.
Design system ui component.