Components•HUD frame

HUD frame

A cinematic HUD frame system with clipped edge geometry, optional video background, targeting overlay, status readout, and a control button for toggling the active system layer.

Dependencies

Motionclsx

Copy below cli

npx shadcn add @bjork-ui/hud-frame

How to use

import { HudFrame } from "@/components/isaiahbjork/hud/hud-frame";export function Demo() {  return (    <HudFrame backgroundVideo="/videos/drone.mp4">      <TargetingUI />    </HudFrame>  );}