# Animated counter

Give changing totals a clear sense of movement.

- ID: `animated-counter`
- Import: `animui/animated-counter`
- Category: Data
- Runtime exports: `AnimatedCounter`, `default`
- Declaration: `types/free/components/animated-counter.d.ts`
- Type provenance: emitted-original-typescript
- Related: metric-card, text-morph

```tsx
import { AnimatedCounter } from 'animui/animated-counter';
```

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 animated-counter` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { AnimatedCounter, default } from '../registry/components/animated-counter/animated-counter.js';
export type { AnimatedCounterProps } from '../registry/components/animated-counter/animated-counter.js';
```