Live Tracker Block

Real-time MediaPipe streaming trackers on live webcam video — one 4-mode block: Hands (21-point skeleton + handedness), Pose (33-point skeleton + person count), Face (478-point mesh + top-8 expression blendshapes behind a default-on toggle)

Library

LocalMode

Framework

React

Type

block

License

MIT

Dependencies

@localmode/core, @localmode/mediapipe, @localmode/react, lucide-react

Install

npx shadcn add @localmode/ui/ui/blocks/vision/live-tracker

Files

• apps/ui/src/app/blocks/vision/live-tracker/live-tracker.tsx
• packages/react/src/index.ts
• packages/core/src/index.ts
• packages/mediapipe/src/index.ts
• apps/ui/registry/localmode/media-vision/video-canvas/video-canvas.tsx
• apps/ui/registry/localmode/local-first/capability-gate/capability-gate.tsx
• apps/ui/registry/localmode/results/confidence-score-badge/confidence-score-badge.tsx
• apps/ui/registry/localmode/results/scored-result-bar-list/scored-result-bar-list.tsx

Source

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

Categories

• Media Components
• React Media Components
• Tailwind CSS Media Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Video Player Components
• React Video Player Components
• Tailwind CSS Video Player Components

More from LocalMode

• Video Canvas
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel
• Synced Transcript Viewer
• Transcribed Note Card
• Voice Button
• Voice Comparison Panel