Constrained Controlsfor Generative AI

Chai UI is a catalog of compound components that replace open-ended prompt boxes with a fixed pipeline — Analyze, Generate, Review — every branch runs the same way.

Get Started Components View Source Code

Version 0.1.0 5 Components 77 Tokens 3 Packages

// A compound component, end to end
import { CompoundComponentCard, componentCatalog, useTree } from "@chai-ui/react";

const component = componentCatalog.find(c => c.id === "scene-variation");
const tree = useTree(root);

<CompoundComponentCard
  component={component}
  tree={tree}
  rootArtifactId={root.id}
/>

Copy & Paste to get a feel for it! This is the real shape of a compound component in @chai-ui/react.