Installation

Download the React source package, install its dependencies, and import the component with its shared styles.

'use client';
import {BoardTemplate} from '@helios-ui/react';
import '@helios-ui/react/styles.css';

export default function Example(){return <BoardTemplate id="ai-image-generation" embedded/>;}

What's included

The template ships as a complete source package: the agent sidebar, the prompt thread with the generation frame (height-unfold entrance, live countdown, canvas ripple placeholder and the feathered mask reveal), the feedback row with copy confirmation and toasts, the composer and status bar, the masonry gallery panel with hover actions, and every base component they depend on.