Components

Tabbed HUD Control Surface

A tabbed instrument-panel feature section where each tab swaps in a different live demonstrative instrument — radial ring gauges, a team network graph, and a telemetry bento — on one dark dot-matrix control surface with gradient borders and a single cyan signal.

A tabbed instrument panel where each tab is a distinct live instrument — radial gauges, a team network graph, and a telemetry bento — sharing one finely-textured control surface. Cyan is the lone accent and tab switching is the micro-interaction.

npx shadcn@latest add @vandoko/vkb-feat-27

Usage

import { VkbFeat27 } from "@/registry/new-york/blocks/vkb-feat-27/vkb-feat-27";

export default function Page() {
  return <VkbFeat27 />;
}

All copy, gauges, nodes, and telemetry tiles are overridable via props (e.g. heading, gauges, nodes, tiles).

On this page