KQ-239 · VIGNETTE/ISO/FLOOR

Iso Floor Vignette

An isometric tile floor with a route pulsing across it, one tile at a time — the infrastructure scene, for heroes about things moving through a system. The floor is a CSS-rotated grid, the route is fixed data, and the pulse is a mount-driven cycle: deterministic everywhere.

KQ-239 · VIGNETTE/ISO/FLOOR

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/vignette-iso-floor

Props

PropTypeDefaultDescription
size / routenumber · number[]Tiles per side, and the row-major route that lights.
cadencenumber0.9Seconds between pulses.