Bounding Box Overlay

Color-coded detection boxes (with a companion DetectionLabelLegend) positioned over an image as percentage offsets from its natural dimensions, so placement is display-size independent. Serves object / face / hand / pose output.

Library

LocalMode

Framework

React

Type

component

License

MIT

Install

npx shadcn add @localmode/ui/ui/media-vision/bounding-box-overlay

Files

• apps/ui/registry/localmode/media-vision/bounding-box-overlay/bounding-box-overlay.tsx
• apps/ui/registry/localmode/lib/utils.ts

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• Image Components
• React Image Components
• Tailwind CSS Image Components
• Media Components
• React Media Components
• Tailwind CSS Media Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components

More from LocalMode

• Background Remover Block
• Image Enhancer Block
• Object Detector Block
• Before / After Image Viewer
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel
• Synced Transcript Viewer