Dev Design Library

Object Detector Block

One-shot DETR (Xenova/detr-resnet-50) object detection on an uploaded image, the bundled sample, or a webcam-captured still — color-coded bounding boxes, a unique-label legend, an N-found count, a ranked scored list, in-flight download prog.

Object Detector Block preview
Library
LocalMode
Framework
React
Type
block
License
MIT
Dependencies
@localmode/core, @localmode/mediapipe, @localmode/react, @localmode/transformers, lucide-react
Install
npx shadcn add @localmode/ui/ui/blocks/vision/object-detector
Files
  • apps/ui/src/app/blocks/vision/object-detector/object-detector.tsx
  • packages/react/src/index.ts
  • packages/core/src/index.ts
  • packages/transformers/src/index.ts
  • packages/mediapipe/src/index.ts
  • apps/ui/registry/localmode/media-vision/video-canvas/video-canvas.tsx
  • apps/ui/registry/localmode/media-vision/bounding-box-overlay/bounding-box-overlay.tsx
  • apps/ui/registry/localmode/media-vision/image-processing-overlay/image-processing-overlay.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode