Model Comparison Panel

A side-by-side comparison of two scored entries with labeled rows (Score, Size, Speed, Quality, Device, Dimensions) where winning rows are accent-highlighted and losing rows dimmed, plus an onClear dismissal. Win-highlighting is derived pur.

Library

LocalMode

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn add @localmode/ui/ui/local-first/model-comparison-panel

Files

• apps/ui/registry/localmode/local-first/model-comparison-panel/model-comparison-panel.tsx
• apps/ui/registry/localmode/lib/utils.ts

Source

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

Categories

• Comparison Table Components
• React Comparison Table Components
• Tailwind CSS Comparison Table Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Table Components
• React Table Components
• Tailwind CSS Table Components

More from LocalMode

• Data Table Artifact
• Voice Comparison Panel
• Voice Explorer Block
• GGUF Explorer Block
• Vector Data Manager Block
• Model Cache Table
• Artifact
• Chart Artifact
• Code Diff Viewer
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel