DUCounter
ElementsAnimated number counter for stats.
import { DUCounter } from 'deri-ui';Live preview
0+
typescript
<DUCounter value={2500} suffix="+" className="text-3xl text-primary" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Target |
| duration | number | 1200 | Ms |
| prefix / suffix | string | — | Decorators |
Usage
import { DUCounter } from 'deri-ui';
<DUCounter value={2500} suffix="+" className="text-3xl text-primary" />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.