AI画像ジェネレーター。AI動画ジェネレーター。その他多数。
ブロックライブラリ
単なるコンポーネントライブラリではありません。内蔵のAI画像ジェネレーターやAI動画ジェネレーターでアセットを作成し、3Dシーンやシェーダーを構築。ローカルでもクラウドでも、すべてライブプレビュー付きで利用できます。
コンポーネントの作成、保存、再利用
単なるコンポーネントライブラリ以上のもの。UIブロックを作成したり、AIを使って画像や動画を生成したり、3DシーンやGLSLシェーダーを構築したりできます。すべてリアルタイムプレビューとバージョン履歴付きです。
コンポーネントグループ
ブロックをグループに整理します。UIコンポーネント、シェーダー、3Dシーン、メディアアセットなどのために、カスタムカテゴリを作成します。すべての要素を整理し、検索しやすくします。
AIによるブロック生成
AIを活用して、テキストによる説明からブロックを生成します。React、Vue、Svelte、Angular、SolidJS、またはVanilla JS用のコンポーネントを、DirectモードまたはVariationモードで生成できます。
GLSLシェーダーと3D
Three.jsのシーン、GLSLシェーダー、WebGLコンテンツをライブ環境で構築・プレビューできます。作成したものを再利用可能なブロックとしてライブラリに保存できます。
リアルタイムプレビュー
各ブロックはライブプレビューパネルとともにレンダリングされます。Reactコンポーネント、GLSLシェーダー、または3Dシーンなど、編集する内容に応じて、リアルタイムでコードの変更を確認できます。
複数のブロックをまとめて作成
AIを活用して、一度に複数のブロックを生成できます。コンポーネントのバリエーション、カラースキーム、レイアウトの代替案などを、一度の操作でまとめて作成できます。
バージョン履歴
すべてのブロックタイプにわたる完全なバージョン履歴を提供します。変更を追跡し、以前のバージョンに戻し、React、Vue、Svelte、Angular、SolidJS、およびJavaScriptのコンポーネントの進化を管理します。
ブロックライブラリと組織
ブロックライブラリは、お客様専用のコンポーネント保管庫です。UIコンポーネント、ページセクション、シェーダー、3Dシーン、またはその他のカスタム分類など、カテゴリ別にブロックを整理するためにグループを作成できます。各ブロックには、メタデータ、コード、およびライブプレビューを含む詳細ビューがあります。単一のインターフェイスから、すべてのブロックを閲覧、検索、管理できます。
- カテゴリ別にブロックを整理するために、カスタムグループを作成する
- インスタントプレビューとメタデータを備えたカードをブロックとして表示
- 個々のブロックを検査および編集するための詳細表示
- コレクション全体から検索および絞り込みを行う
- ワイヤーフレームのデザインにブロックをドラッグ＆ドロップします。
AIを活用したブロック作成ツール
クリエイタービューを開いて、AIの支援を受けながら新しいブロックを作成します。AIプロンプトボックスを使って、作成したいものを記述します（ログインフォーム、料金表示カード、ナビゲーションバーなど）。AIがコードを生成します。ゼロからブロックを作成する場合はダイレクトモードを、既存のブロックに基づいて代替案を生成する場合はバリエーションモードを選択します。
- 自然言語ブロックを生成するためのAIプロンプトボックス
- ダイレクトモード（A）—テキストによる説明からブロックを生成する
- バリエーションモード（V） - 既存のブロックの代替案を生成します。
- 異なる生成タイプに対応したAI生成カテゴリー
- シンタックスハイライトとライブプレビュー機能を備えたコードエディター
GLSLシェーダー、Three.js、WebGL
ブロックライブラリは、UIコンポーネントに限定されません。GLSLシェーダー、Three.jsの3Dシーン、WebGLの実験などを作成・保存し、リアルタイムプレビューが可能なライブ環境でレンダリングできます。AIを活用してシェーダーコードや3Dシーンの構成を生成し、再利用可能なブロックとして保存することも可能です。
- Three.jsを使用したシーンの作成と、リアルタイムの3Dプレビュー
- リアルタイムレンダリング機能を備えたGLSLシェーダーエディター
- サンドボックス環境でのWebGL実験
- AIによって生成されたシェーダーと3Dコンテンツ
- プロジェクト間で共有し、再利用する
ブロックのバリエーション
一つのプロンプトで、あらゆるブロックの複数のバリエーションを生成できます。UIコンポーネントであろうとGLSLシェーダーであろうと、AIはさまざまなスタイル、カラーパレット、または構造を持つ一連の代替案を作成します。それらを並べてプレビューしたり、気に入ったものをグループに保存したり、不要なものを削除したりできます。
- 同じブロックまたはプロンプトから、5つ以上のバリエーションを生成する。
- リアルタイムレンダリングによる、並列表示のプレビューカード
- グループに追加して、バリエーションを整理しましょう。
- まとめて保存または削除することで、一括処理を効率的に行えます。
- UIコンポーネント、シェーダー、3Dシーンなど、さまざまな要素に対応。
AIによる画像・動画の生成
ブロックライブラリに組み込まれたAI画像ジェネレーターを使用すると、ローカルのComfyUIや6つ以上のクラウドプロバイダーを通じて、テキストから画像、または画像から画像を生成できます。Kling、Veoなどを使用して、AIによる動画の生成も可能です。画像をAIで生成されたマークダウンに変換し、CLIツールで使用することもできます。生成されたすべてのメディアは、ブロックとしてライブラリに保存できます。
- テキストから画像を生成、または画像を元に別の画像を生成 — ComfyUI をローカル環境で使用するか、6 以上のクラウドプロバイダーから選択
- Kling、Veoなどのツールを使って、テキストから動画や画像から動画を作成できます。
- 画像から生成されたAIによるマークダウン形式のテキスト。CLIツールで使用可能。
- 生成されたメディアを再利用可能なブロックとして保存する
- 生成されたすべてのコンテンツの完全なバージョン履歴
AIで次のアプリを作る準備はできていますか？
Kaiju Hub AIでデザイン、コード生成、高速リリースを実現する数千人の開発者に参加しましょう。無料AIアプリビルダー — 今すぐ始めましょう。
無料で始める