難しい状態も、処理済み。 実用的なブロック: shadcn/ui

HextaUI は、shadcn/ui と Base UI の上に構築された React コンポーネントのコレクションです。ボタンやフォームから、メニュー、テーブル、チャットまで、インターフェースの日常的な部分をカバーし、自分のものとなるソースコードとして提供します。

各コンポーネントは、見落とされがちな部分のために作られています。読み込み、エラー、空の状態、途中で中断できるモーション、キーボード操作の経路、スクリーンリーダーが読み上げる内容、そして320ピクセルや右から左の言語でも崩れないレイアウトです。

モーションは1組のイージングカーブとデュレーションで動き、視差効果の軽減の設定を尊重し、途中で中断や反転ができます。フォーカスリングは囲む対象の形に沿い、すべてのインタラクティブな部分がキーボードだけで操作できます。

見た目はあえて控えめです。ニュートラルな面、細い境界線、ページの上に浮かぶものにだけ付く影、ある形が別の形の内側にあるときに同心を保つ角。ブランドは私たちのトークンではなく、あなたのテーマトークンで表現されます。

コンポーネントは1つずつ作り直され、すべての状態が動作して初めて公開されます。それぞれにドキュメントページがあり、それらの状態をライブで確認できるので、インストールする前にエッジケースを試せます。

ドキュメントは、人にもエージェントにも読めるように書かれています。すべてのページは Markdown としても公開され、llms.txt がライブラリ全体を案内するので、AI アシスタントはあなたと同じ API リファレンスとサンプルを読めます。

コードはあなたのものです。shadcn CLI がソースをプロジェクトにコピーするので、パッケージの更新を待たずに、読み、変更し、保持できます。すべて GitHub でオープンソースとして公開されています。

Pro は、同じコンポーネントから作られた完成済みのブロックを集めた、成長中のセットです。チャットスレッド、ストリーミングテキスト、ツール呼び出し、エージェントの todo、diff 付きのコードブロック、音声モードなどがあります。AI プロダクトが最初の日から必要とする画面で、状態とモーションはすでに作り込まれており、その周りのアカウント、設定、ダッシュボードの画面が次に続きます。

無料の AI キットでは、見た目の整ったチャットが手に入ります。Pro が扱うのはその先です。返信を途中で止めて再試行する、実行前にツール呼び出しを承認する、メッセージのバージョンを切り替える、モデルが話している間もスレッドがジャンプしない、といったことです。すべてのブロックに、動作する AI SDK の例が付属します。

すべてのブロックには誰でも開けるライブプレビューがあり、プライベートレジストリから同じ shadcn CLI でインストールできます。Pro は2026年11月30日まで、開発者1人向けが一括$49、10人のチーム向けが$149です。それ以降は Solo が$79、Team が$249で、個人・商用プロジェクトを無制限に利用できます。プランを比較する、または Prompt Input を無料でインストール。

このページ上部の4つのプレビューは、実際に動作している Pro ブロックです。Thinking は、モデルの推論とツールのステップをストリーミングで表示します。Prompt input は、モデルと推論の強度の選択、音声入力、メンション、コマンド、ファイルアップロードを扱います。Chat thread は会話全体を描画し、Voice mode はそれを、ブラウザーの音声またはリアルタイム音声 API を通じた音声での会話にします。

Solo は開発者1人向けです。Team は最大10人までで、アカウントからメールで管理でき、CI では共有トークンを1つ使えます。完成したプロダクトだけを使うクライアントや同僚には、シートは不要です。合わない場合は、30日以内であれば理由を問わず全額返金されます。