Hyperflow UI
Start

Get started

Install Hyperflow UI and build a first application with the recommended Chakra UI path.

Hyperflow UI has three layers: @hyperflow/client for transport and service APIs, @hyperflow/react for headless state and hooks, and @hyperflow/chakra-ui for the default visual skin.

Most applications should start with the default Chakra UI experience. It gives you the app shell, conversation UI, and accessible controls without asking you to assemble state and presentation separately.

Using Vite

  1. Follow Installation to install the packages, configure Vite, and render the first UI against an existing runtime.
  2. Extend the default app with Build a Chakra application.
  3. Continue with customization when you need to change the default visual experience.

Using another React host

Vite React is the only documented integration path at the moment. Framework guides lists the current support status for Next.js, React Router, and other React hosts.

Other integration paths

Choose Advanced integrations only when you are building a custom design system with @hyperflow/react, or need the transport layer without React.

On this page