KQ-824 · OUTLINE/GROW

Outline Grow

A document that shows its outline before its prose. Headings land at once in the article and in a rail beside it, cascading on glide, and each section's paragraph then grows sentence by sentence — every sentence fading in and settling four pixels on glide while the words still wrap as prose. The rail stays as the document's progress: a marker pill slides to the section being written on snap, dots fill as sections complete, and Up and Down step the rail while Enter moves focus to that heading.

KQ-824 · OUTLINE/GROW

Coldbrook Bank quarterly noteFernworks Model 3

Nothing drafted yet

Idle · press draft

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/outline-grow

Props

sections: OutlineSection[]; default —; The document's sections in order: an id, a heading and the sentences of its paragraph.
arrived: number; default 0; Sentences that have arrived across the document, in reading order.
generating: boolean; default false; Generation is open: the outline shows and aria-busy is set.
title: string; default —; The document's title; printed in the header and naming the article.
model: string; default —; An invented model name for the header chip.
onComplete: () => void; default —; Fires once when the last sentence has landed.

Prop	Type	Default	Description
sections	OutlineSection[]	—	The document's sections in order: an id, a heading and the sentences of its paragraph.
arrived	number	0	Sentences that have arrived across the document, in reading order.
generating	boolean	false	Generation is open: the outline shows and aria-busy is set.
title	string	—	The document's title; printed in the header and naming the article.
model	string	—	An invented model name for the header chip.
onComplete	() => void	—	Fires once when the last sentence has landed.