# Plan comparison

Compare meaningful differences between plans and billing periods.

- ID: `plan-comparison`
- Import: `animui/plan-comparison`
- Category: blocks
- Runtime exports: `PlanComparison`, `default`
- Declaration: `types/free/blocks/plan-comparison.d.ts`
- Type provenance: emitted-original-typescript
- Related: usage-pricing, segmented-control, animated-counter, cancel-flow

```tsx
import { PlanComparison } from 'animui/plan-comparison';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info plan-comparison` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { PlanComparison, default } from '../registry/blocks/plan-comparison/plan-comparison.js';
```