Device Capability Grid

The expanded sibling of DeviceBadge: a full device-capability diagnostic card reading useCapabilities — a stats bar (cores/memory/GPU), a status row per feature flag (WebGPU/WASM/SIMD/Threads/IndexedDB/Web Workers), a storage row, and a bro.

Library

LocalMode

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn add @localmode/ui/ui/local-first/device-capability-grid

Files

• apps/ui/registry/localmode/local-first/device-capability-grid/device-capability-grid.tsx
• apps/ui/src/lib/use-environment.ts
• apps/ui/registry/localmode/lib/utils.ts

Source

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

Categories

• Dashboard Grid Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Description List Components
• Tailwind CSS Description List Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components

More from LocalMode

• Device Report Block
• Model Evaluator Block
• Browser Compat Card
• Model Metadata Card
• Evaluation Metrics Dashboard
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel