Effect 3 - Counting Number

Pro

An accessible counting number effect with reduced-motion support, lifecycle-safe controls, and smooth CSS counter transitions.

Theme

Upgrade to Pro

Counting Number Effect

Smooth animated counters that transition between values using CSS custom properties.

Revenue Growth

Active Users

Success Rate

Projects Completed

Loading code...

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Failed to load code. Please try again.

Usage

<Effect3
  start-value={0}
  end-value={1250000}
  duration={1.5}
/>

prop	type	default	description
`startValue`	`number`	`0`	Starting value for the counter.
`endValue`	`number`	`required`	Target value the counter animates toward.
`duration`	`number`	`1`	Animation duration in seconds.
`prefix`	`string`	`undefined`	Text displayed before the animated number.
`suffix`	`string`	`undefined`	Text displayed after the animated number.
`group`	`string`	`undefined`	Group name used to coordinate counter toggle events.