—kit

Primitives

The HUD vocabulary every component is built from. Each installs on its own.

Primitives

ON PAGE

Primitives
[7]
Clicks
[0]
COUNT 0
Primitives

ON PAGE

Primitives
[7]
Clicks
[0]
COUNT 0

  • # marks

    Corner brackets, frame or select, optional edge ticks.

    npx shadcn@latest add https://kit.ulasalyesil.com/r/marks.json

  • # caption

    Float label pinned to a selection. A fact, never prose.

    npx shadcn@latest add https://kit.ulasalyesil.com/r/caption.json

  • # readout

    LABEL [value] pairs. A missing value drops its row.

    npx shadcn@latest add https://kit.ulasalyesil.com/r/readout.json

  • # block-label

    Console heading with a dashed rule.

    npx shadcn@latest add https://kit.ulasalyesil.com/r/block-label.json

  • # cursor

    Blinking block caret. Static under reduced motion.

    npx shadcn@latest add https://kit.ulasalyesil.com/r/cursor.json

  • # rolling

    A settled value rolling in left to right. Screen readers get the true value.

    npx shadcn@latest add https://kit.ulasalyesil.com/r/rolling.json

  • # elapsed

    Live elapsed time written from the frame loop, no React renders.

    npx shadcn@latest add https://kit.ulasalyesil.com/r/elapsed.json