What is TimeredCounter?

TimeredCounter is a Web Components component used to display value changes with animation effects when the values change.

Just want to try it out? Jump to Getting Started.

Usage Scenarios

• Homepage Header

  The homepage title of this documentation () is an example. It can add some dynamic effects to your site, making it look more vivid.

• Data Display

  TimeredCounter is very suitable for displaying real-time data, statistical data, etc. For example, you can use it to display:

  • Today, have visited your website. ->
  • There are left until next month. ->

  TIP

  TimeredCounter also supports internationalization through Intl. You can switch the language in the upper right corner to see the effect.

Performance

TimeredCounter uses the Web Animation API internally to achieve animation effects, so its performance is very good.