Kaiju Hub AI

Component Area

Group Sidebar

The left sidebar lists all of your groups. Each group displays its name and an asset type badge (e.g., HTML/CSS/JS, Documentation). Click a group to select it and view its blocks in the main content area. A highlighted accent bar indicates the currently active group.

Block Library showing group sidebar with group 3, group 2, and Group1 listed with HTML/CSS/JS badges, and empty group view with Create First Block button

Creating Groups

Click the + button at the top of the sidebar to open the Create New Block Group dialog. Give your group a name and choose an asset type to categorize the kind of content it will hold.

HTML/CSS/JS

UI components for web interfaces.

Documentation

Guides, references, and knowledge base.

Images

Photos, graphics, textures, and visual assets.

Audio

Music, sound effects, voice, and audio clips.

Video

Video clips, animations, and motion content.

3D Models

3D models, meshes, and 3D assets.

AI Models

AI models, LoRAs, checkpoints, and embeddings.

Icons

Icons, logos, symbols, and small graphics.

Create New Block Group dialog with Group Name field and Asset Type grid showing HTML/CSS/JS, Documentation, Images, Audio, Video, 3D Models, AI Models, and Icons

Adding Blocks to a Group

When you select an empty group, you’ll see a prompt to create your first block. There are several ways to add content:

Create First Block

Click the Create First Block button to start adding content to an empty group.

Drag & Drop Files

Drag files directly from your file system into the drop zone. Supported formats include Images, JSON, HTML, CSS, JS, TS, TSX, and JSX.

Paste Content

Paste code, text, or other content directly into the group to create a new block.

Multi Blocks

Paste content while a file is already selected to create multi blocks — a single block entry containing multiple files.

Block Cards

Each block appears as a card in the main content area. Cards show a file preview, the block name, and a favorite star you can toggle. Use the toolbar icons in the top-right corner to search blocks, switch between grid and list views, or access additional options.

View

Opens the block in a detail modal where you can preview the content across Text and Markdown Preview tabs, and copy the raw text.

Copy

Copies the block content to your clipboard for quick reuse in other parts of Kaiju Hub AI or external editors.

Favorite

Star a block to mark it as a favorite for easy access later.

Block Library grid view showing two Project Name block cards with file previews, favorite stars, and View and Copy action buttons

Block Detail View

Clicking View on a block opens the detail modal. The modal header shows the block name and its asset type badge. Inside, you can switch between two tabs:

Text

Displays the raw source content of the block with syntax highlighting. Use the Copy TEXT button to copy the full content to your clipboard.

Markdown Preview

Renders the content as formatted markdown, making it easy to read documentation, READMEs, and other structured text at a glance.

Block detail modal showing Project Name with Documentation badge, Text tab with raw markdown source, and Markdown Preview tab with rendered content

Opening the Creator View

Double-click any group in the sidebar to enter the Creator View, a full editing environment where you can build and edit blocks with AI assistance. See the Creator View section for details.

All third-party logos, trademarks, and brand names displayed in Kaiju Hub AI are the property of their respective owners. Their use is solely for identification purposes and does not imply endorsement, sponsorship, or affiliation.