ns-ui / core-sample-scroll

Take a core sample of the stack

Scroll to drive the drill. Five strata, one platform — from the pixels at the surface down to the bedrock it all stands on. The vein marks the seam everything depends on.

bore hole NS-01 · 128.00 m planned depth · 5 strata logged

depth

000.00 m

Interface · 1/5

01 / Interface

Surface layer

Everything the user touches renders here: design tokens, optimistic state, and a 60fps interaction budget. Nothing below this band is visible, but every band below shapes how it feels.

react 19 · edge-rendered · p75 INP 84ms

field notes

Every layer, logged

The cross-section above is generated once per resize into an offscreen atlas — value-noise grain, quantized to three grays, one accent vein. Use the band labels on the left edge to jump straight to a stratum.

strata
5 bands
grain
3px cells
vein
1 seam
depth
128 m