HAUSE

Unfolding

Decomposition's cinematic sibling — the parts arrive on their own.

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

A STUDY IN UNFOLDING

The parts arrive before the conclusion.

A closed argument opens into its parts. Only then does the assembled reading take its place.

The parts of an argument.

01 / LOOK

Notice the material.

02 / ASK

Name the uncertainty.

03 / TEST

Inspect the support.

04 / SAY

State what follows.

A conclusion you can retrace.

The parts resolve into a conclusion you can retrace.

THE COMPLETE SEQUENCE / TEXT RECORD
  1. A whole argument, still closed.
  2. LOOK, ASK, TEST and SAY become individually visible.
  3. The parts resolve into a conclusion you can retrace.

The same whole–parts–result progression as Decomposition, with a staged, finite playback.

INSPECT THE REUSABLE LIBRARY COMPONENT

AN ARGUMENT — UNFOLDED

the record

An argument a reader can audit.

one argument — a thing worth saying, before it is organised. It unfolds into observe, claim, test, concede; the record assembles them: an argument a reader can audit.

02 / THE DECISION

An act.
Not a container.

YOU ARE SHOWING SOMETHING HAPPENING

Letting the parts of a thing arrive on their own.

Same props as Decomposition — is the reader watching rather than operating?

EXPLORE THE SELECTION GRAMMAR ↗

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

The Unfolding form is a HAUSE performance — decomposition's cinematic sibling — the parts arrive on their own. Decomposition's cinematic sibling, the way Transformation is Comparison's: the same argument — one object, its parts, the thing that assembles them — performed instead of stepped. The source holds as a closed deck of volumes, unfolds into its parts at --motion-cinematic with the hause stagger, then the result arrives beneath and seals the set in accent. Plays once in view; REPLAY runs it again.

origin — vindex3

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Unfolding.tsx

Decomposition's cinematic sibling, the way Transformation is Comparison's: the same argument — one object, its parts, the thing that assembles them — performed instead of stepped. The source holds as a closed deck of volumes, unfolds into its parts at --motion-cinematic with the hause stagger, then the result arrives beneath and seals the set in accent. Plays once in view; REPLAY runs it again.

Takes DecompositionProps verbatim, so the two forms are interchangeable per chapter. Resting state (and reduced motion) is the finished composition: parts and result, fully labelled.

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 · Unfolding

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

export function Unfolding({ kicker, source, parts, result }: DecompositionProps)

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.

08 / THE PROBLEMMOTION THAT MEANS NOTHING ↗Things fade, slide and bounce because a library made it easy. None of it says anything, all of it costs time, and the reader who turned motion off gets a page that no longer explains itself.

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

CITE

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

CITE THIS

Web page · 0.1.0

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

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