HAUSE

Channel

Throughput through a fixed-capacity conduit.

WATCH THE FORM ↓
01 / THE ENCOUNTERA PERFORMANCE — IT PLAYS ITSELF

A STUDY IN CHANNEL

Same conduit. Different payload.

Hold the channel capacity fixed. Smaller payloads fit more often in the same space.

SOURCE →→ READER
1
1
1
1
1
1
1
1
1
1
1
1

12 UNITS / FIXED CAPACITY

12

messages fit
at this payload size

Payload 1: twelve messages fit without expanding the channel.

THE COMPLETE SEQUENCE / TEXT RECORD
  1. Payload 6: two messages fit the 12-unit channel.
  2. Payload 3: four messages fit the same channel.
  3. Payload 1: twelve messages fit without expanding the channel.

Illustrative capacity: 12 units. Payloads of 6, 3 and 1 unit fit 2, 4 and 12 messages respectively; this is not a throughput benchmark.

INSPECT THE REUSABLE LIBRARY COMPONENT

author → reader, through the page — a fixed reading pace. long paragraphs — ideas arrive slowly, heavily loaded. short statements — same page, ideas arrive sooner.

02 / THE DECISION

An act.
Not a container.

YOU ARE SHOWING SOMETHING HAPPENING

Showing throughput against a fixed capacity.

Is the constraint the conduit rather than the quantity?

EXPLORE THE SELECTION GRAMMAR ↗

What is the Channel form in HAUSE, and when do you use it?

The Channel form is a HAUSE performance — throughput through a fixed-capacity conduit. Throughput through a fixed-capacity conduit: payload streams from one endpoint to the other, and when the payload gets narrower the same channel visibly delivers more often. Stage changes are staged swaps, never morphs. Plays once in view, rests on the final stage, REPLAY runs it again; prefers-reduced-motion rests statically. The stream classes live in tokens.css (channel-flow-wide / -narrow), with finite iteration counts — hause motion never runs forever.

origin — vindex3

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Channel.tsx

Throughput through a fixed-capacity conduit: payload streams from one endpoint to the other, and when the payload gets narrower the same channel visibly delivers more often. Stage changes are staged swaps, never morphs. Plays once in view, rests on the final stage, REPLAY runs it again; prefers-reduced-motion rests statically. The stream classes live in tokens.css (channel-flow-wide / -narrow), with finite iteration counts — hause motion never runs forever.

THE PERFORMANCE’S DISCIPLINE

Every performance starts in view, rests on a designed final state — which is what reduced motion and no-JS get — and never crossfades between two physical forms of one thing: staged swaps only. A scrolling reader must never find it already finished.

03 / MAKE SOMETHINGINSTALL HAUSE ↗

Give it your subject.

The opening study is an authored demonstration, not an additional component API. Expand the library specimen above to inspect the reusable form. Its props below come directly from the source.

REACT · Channel

import { Channel } from "@chrishayuk/hause/components/forms/Channel";

export type ChannelStage = {
	/** Payload density in the stream — wide units move slowly, narrow units arrive more often. */
	density: "wide" | "narrow";
	caption: string;
};

export type ChannelProps = {
	/** The producing endpoint's label — "memory", "disk", "the source". */
	from: string;
	/** The consuming endpoint's label. */
	to: string;
	/** Printed under the conduit — name its fixed capacity. */
	channelLabel: string;
	/** Exactly the stages to play, in order; rests on the last. */
	stages: ChannelStage[];
};

export function Channel({ from, to, channelLabel, stages }: ChannelProps)

The import and the complete props contract. For installation and composition, follow the Build guide.

NOT INVENTED IN ISOLATION

A page needed this.

Entered the library from vindex3.

PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0

CITE

source components/forms/Channel.tsx · origin vindex3 · site build 3ee5339 · built 2026-09-09

CITE THIS

Web page · 0.1.0

Hay, C. (2026). Channel — a HAUSE performance. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/channel

The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.