Smart Comparison
An interactive feature matrix and SaaS tier comparison component featuring live difference filtering, collapsible specification categories, search indexing, and mobile card toggle.
Feature Matrix5 specifications
Popular
Pro Team
High concurrency & edge bandwidth
$29/mo
Serverless Concurrency
Pro Team:
250 nodes
Global Edge Routing
Pro Team:
0ms Cold Start Standby
Pro Team:
SAML / Okta SSO
Pro Team:
Immutable Audit Logs
Pro Team:
90 days
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/smart-comparison
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| plans | ComparisonPlan[] | [] | Array of plans/tiers containing pricing and metadata |
| categories | ComparisonCategory[] | [] | Grouped feature categories with plan-specific values |
| defaultPlanId | string | featured plan or plans[0].id | Initial plan selected on mobile viewports |
| enableSearch | boolean | true | Whether to show the instant feature search input |
| enableDiffFilter | boolean | true | Whether to render the "Differences Only" toggle button |
| className | string | undefined | Optional CSS class name for container |