Dev Design Library

Device Badge

A local-first capability badge. Detects WebGPU / WASM / IndexedDB support via a bundled useCapabilities() hook (copy-owned, reads navigator — no @localmode dependency) and renders a themed status pill. Use it to gate model-download UIs behi.

Device Badge preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Install
npx shadcn add @localmode/ui/ui/local-first/device-badge
Files
  • apps/ui/registry/localmode/local-first/device-badge/device-badge.tsx
  • apps/ui/src/lib/use-environment.ts
  • apps/ui/src/lib/utils.ts
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode