Dev Design Library

Image Processing Overlay

A full-bleed overlay over a dimmed source image while vision inference runs — spinner ring + icon + status + optional cancel, plus an animated scan variant (keyframes shipped inline). Renders nothing when idle. Driven by any vision hook's i.

Image Processing Overlay preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/media-vision/image-processing-overlay
Files
  • apps/ui/registry/localmode/media-vision/image-processing-overlay/image-processing-overlay.tsx
  • apps/ui/registry/localmode/lib/utils.ts
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode