KQ-148 · BLUEPRINT/RISE
Blueprint Rise
A flat floor plan that stands up as you scroll — the plan tilts from a top-down view to a three-quarter oblique while every wall extrudes off its floor line into a line-art model, a rise readout tracking the climb from plan to structure.
KQ-148 · BLUEPRINT/RISE
FLOOR PLAN · UNIT 4B
KQ-148
A floor plan that extrudes into a line-art model as you scroll: walls rise from flat plan lines into standing quads viewed from a three-quarter angle. The model has now risen to 0 percent.
RISE · 0%
Scroll to raise the walls from plan into a model.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/blueprint-rise
Props
- walls
- WallSeg[]
- default —
- Wall segments in 0..1 plan coordinates, with a height.
- labels
- { id, x, y, text }[]
- default —
- Room labels on the floor plane.
- journey / height
- number
- default 3 / 300
- Scroll track length in stages and stage height in px.
- onRise
- (progress) => void
- default —
- Streams the rise 0..1, deduped to twentieths.
| Prop | Type | Default | Description |
|---|---|---|---|
| walls | WallSeg[] | — | Wall segments in 0..1 plan coordinates, with a height. |
| labels | { id, x, y, text }[] | — | Room labels on the floor plane. |
| journey / height | number | 3 / 300 | Scroll track length in stages and stage height in px. |
| onRise | (progress) => void | — | Streams the rise 0..1, deduped to twentieths. |