Device Report Block

A zero-download device capability report rendered entirely from browser APIs (useCapabilities / useStorageQuota / useAdaptiveBatchSize): hardware cores/memory/GPU name, six feature flags (WebGPU/WASM/SIMD/Threads/IndexedDB/Workers), storage.

Library

LocalMode

Framework

React

Type

block

License

MIT

Dependencies

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

Install

npx shadcn add @localmode/ui/ui/blocks/device/device-report

Files

• apps/ui/src/app/blocks/device/device-report/device-report.tsx
• packages/react/src/index.ts
• packages/core/src/index.ts
• apps/ui/registry/localmode/local-first/device-badge/device-badge.tsx
• apps/ui/registry/localmode/local-first/device-capability-grid/device-capability-grid.tsx
• apps/ui/registry/localmode/local-first/browser-compat-card/browser-compat-card.tsx
• apps/ui/registry/localmode/local-first/storage-meter/storage-meter.tsx
• apps/ui/registry/localmode/local-first/adaptive-batch-card/adaptive-batch-card.tsx

Source

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

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Description List Components
• Tailwind CSS Description List Components
• Document Components
• React Document Components
• Tailwind CSS Document Components
• Report Components

More from LocalMode

• Browser Compat Card
• Device Capability Grid
• Model Metadata Card
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel
• Synced Transcript Viewer
• Transcribed Note Card