Free Animated Number Counter Widget

Show key stats with an animated number counter that draws attention, adds social proof, and helps increase trust and conversions.

Create Animated Number Counter

loved by 500K+ businesses

plugineditor
Quick add to:

The Common Ninja Number Counter is a free, no-code animated counter widget that reveals statistics, milestones, and KPIs with a smooth count-up animation.

Add multiple counters, set start and end values, add prefixes or suffixes like %, $, +, or K, pick a layout and skin, then paste one line of embed code on 200+ platforms including Canva, Webs, Notion, WordPress, and Squarespace.

Build and ship in under 5 minutes.

Why Add a Number Counter to Your Website?

  • Prove credibility with social proof

    "50,000+ customers served" lands harder than a static paragraph. Counters turn the numbers you're already proud of into a moment of visual delight on every landing page, pricing page, and case study.

  • Highlight milestones and impact

    Years in business, awards won, projects shipped, funds raised, trees planted, lives changed. Animated counters give milestones the weight they deserve without resorting to stock-photo collages.

  • Make case-study stats jump off the page

    A 47% lift in conversions reads as a flat data point in body copy. Counted up from zero on scroll, it becomes the headline of the case study. Same number, ten times the attention.

  • Power impact and KPI pages

    Sustainability reports, fundraising pages, partner dashboards, and team OKR pages all need numbers front-and-center. Counters give non-data-viz pages a way to feature metrics without a heavy chart library.

Get started in 3 steps

How it works

  1. Enter your numbers

    Add as many counters as you need. Set the start value, end value, label, and any prefix or suffix (%, $, +, K, custom unit). Reorder anytime in the editor.

  2. Pick a layout and skin

    Choose vertical, horizontal, or grid layout. Match your brand with skin colors, icon picks from the built-in library, font weight, and number size in a live-preview editor.

  3. Paste one line and ship

    Copy the embed snippet and drop it anywhere on your site. Counters animate on scroll into view. Future edits push automatically with no re-embed.

Open the editor

What you get with the Common Ninja Number Counter

Smooth scroll-triggered count-up

Counters stay still until the visitor scrolls them into view, then animate from your start value to your end value with easing you control. No jank, no flicker, no layout shift.

Prefix and suffix support

Wrap your number in the unit that matches it: $, %, +, K, M, kg, custom labels. Position the prefix or suffix wherever it reads naturally and the animation will respect it.

Flexible layouts and icon library

Stack counters vertically, line them up horizontally, or arrange a grid. Pair each one with an icon from the built-in outline library so the visual reads as more than just digits.

Skin presets and custom CSS

Drop into a brand-matched skin with one click or fine-tune colors, typography, spacing, and icon style in the visual editor. Custom CSS is available when you want pixel-perfect control.

Everything in the editor

Also included in the editor

Eye-Catching Animation

The Animated Number Counter app features an entertaining, eye-catching “counting” animation that is sure to add a sense of action to your website, as well as help focus the user’s attention on important information.

A Robust Set of Icons

In addition to the option to add images to the number counter, the app has a large selection of icons that you can choose from to add instead of images.

Set Start Number

You can customize the app any way you see fit, including deciding on what the starting number of the counter will be.

Add a Prefix or Suffix

Do you want to add a plus sign after a number? Or perhaps to denominate that the number refers to users? Or maybe even that the number represents a certain currency? Regardless of what you want to add, you can easily do this by adding a prefix or a suffix to appear before or after the number.

Add Links

You can easily add links to the Animated Number Counter app, to improve navigation and increase conversions.

Add & Change a Background

You can add a background in the form of an image to really set your number counter apart and to further complement your website’s design direction.

Easy To Use Number Counter Widget

The Animated Number Counter widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the app any way you’d like to with just a few simple clicks.

Ready to put your numbers in the spotlight?

Open the editor

No credit card · Setup in under 5 minutes

Loved by our customers

Real reviews. Real customers.

Verified

Outstanding service. I use their widgets to help me with my web design business and whenever I need help they are very quick to help.

Verified

Excellent company with excellent service!!! We used it to build a survey, it was very user friendly. The service was perfect. Amit helped us with every problem and question we had, thank you very much!!!

Verified

Common Ninja saved the day when building our website and the customer service Daniel, the co-founder and CEO, provided was amazing.

Read more customer reviews
FAQ

Quick answers

  • No. The Common Ninja Number Counter animates numbers you set in the editor (revenue, signups, milestones, KPIs, social proof). It does not count live visitors or page views. For real-time visitor tracking, use Google Analytics, Plausible, or a dedicated traffic-counter tool. Use this widget when you want a designed, animated reveal of a specific number on a landing page.

Platform-specific guides

How to add Animated Number Counter to your website

Pick your platform. Each takes under 4 minutes.

  1. 1Open your Canva design and click Apps in the left sidebar, then search for Embed.
  2. 2Paste the Common Ninja embed link into the Embed app and click the resulting block.
  3. 3Drag the block onto your design and resize. The counter animates inside Canva on view.
Add Instagram Feed to Canva

Compatible With All Site Builders, E-Commerce Platforms and Websites

Explore Related Widgets

FAQ

Sure you can. It’s very easy. Just head over to the “Templates” tab, and select the layout you prefer.

Yes, you can easily do so by adding a prefix or a suffix, which will display the symbol before or after the number accordingly.

Yes, you can customize the animation’s duration and delay.

Yes, there is a hover effect that will highlight the selected number. 

Using the Animated Number Counter widget is very easy. Simply sign up and start using the free version. There's no need to worry about complicated setup or installation processes, as the Animated Number Counter widget is designed to be user-friendly and straightforward. Once you've signed up, you'll have access to all of the basic features and functions of the widget, which you can use to enhance your website and improve your online presence. From there, you can choose to upgrade to the paid version if you want to access more advanced features and capabilities. Regardless of which version you choose, you'll find that the widget is a powerful and easy-to-use tool that can help you take your online presence to the next level.

The Common Ninja Animated Number Counter widget is a free tool reach with features and options. While this widget is free to use, it does have a limit on the number of views it can handle. This means that after a certain number of views, the chat button may no longer be visible or functional on your website. It is important to note that this view limit may vary depending on your plan. Despite this limitation, Common Ninja's Animated Number Counter is still a valuable tool for businesses looking to increase customer engagement and improve the overall user experience of their website.

The Common Ninja's Animated Number Counter widget is a versatile tool for any website builder. This means that you can easily add this widget to your website or store no matter what platform you use to build your website. The Animated Number Counter widget will work seamlessly with your platform whether you are using a popular website builder or something more specialized. This means you can enjoy all the benefits of this powerful tool without having to worry about compatibility issues.

The Animated Number Counter widget is designed to comply with the General Data Protection Regulation (GDPR), a set of EU regulations protecting personal data and privacy. When using the Animated Number Counter widget, you can be confident that it will not collect or store personal data that could violate GDPR regulations. This ensures that your business is in compliance with these regulations and can protect your customers' data privacy. Overall, the Animated Number Counter widget is a secure and reliable tool that can be used to enhance your website without any concerns about GDPR compliance.

No need for coding skills. Our Animated Number Counter widget is designed to be easy to use, even for those with limited technical experience. The widget features a user-friendly interface that allows you to easily customize the widget without coding knowledge. You can fully customize the Animated Number Counter to match your branding. When you're done, simply copy the provided code and paste it into your website. It's that simple!

 Yes. We are eager to hear your request. Please visit our Feature Request page.

An animated number counter is a user-interface element that allows a website or application to display a number that increases or decreases over time. This can be used to create an interesting and dynamic visual effect, and it is often used to display statistics or other numerical data. An animated number counter may use a variety of animation techniques, such as smooth transitions, easing, or acceleration, to create a realistic and visually appealing effect. Some animated number counters may also include additional features, such as the ability to customize the animation speed or the number format or display multiple numbers at once. Overall, an animated number counter can be a useful and engaging way to display numerical data on a website or application.

An animated number counter widget can be used to display a wide range of numerical data or statistics on a website or application. Some common examples of content that can be shown on an animated number counter widget include:

  • Total sales or revenue
  • Total number of customers or users
  • Total number of products or items in inventory
  • Total number of orders or transactions
  • Total number of visits or page views
  • Total amount of time spent on the website or app
  • Total distance traveled or calories burned
  • Total number of awards or achievements


In general, any type of numerical data or statistic that can be represented as a single number or a series of numbers can be shown on an animated number counter widget. The widget can be customized to display the numbers in a variety of formats, such as currency, percentage, or decimal, and it can be used to display both positive and negative numbers. Additionally, the widget can be used to display multiple numbers at once, allowing users to compare different data points or statistics easily.

An animated number counter widget can improve a website's user experience (UX) by providing a dynamic and engaging way to display numerical data or statistics. The animation effect of the widget can make the numbers more visually appealing and engaging, which can help to capture the user's attention and keep them interested in the content. Additionally, the animated number counter widget can provide users with a clear and concise way to view numerical data, which can make it easier for them to understand and interpret the information. This can improve the overall usability and user-friendliness of the website, as users can easily access and interact with the numerical data without having to search for it or interpret it in a different format. Overall, an animated number counter widget can be a useful and effective tool for enhancing the UX of a website.

Whether it is better to display an animated number counter with an image or without an image depends on the website or application's specific context and goals. In some cases, displaying the animated number counter with an image can be more effective and visually appealing, as the image can provide additional context and information about the data being displayed. For example, if the animated number counter is being used to display the total number of products sold, an image of the product can provide a more engaging and informative visual representation of the data. On the other hand, in some cases, displaying the animated number counter without an image may be more effective, as it can allow the numbers to be more prominent and easily visible to the user. Additionally, using an image may not always be appropriate or feasible, depending on the nature of the data being displayed or the design of the website. Ultimately, the decision to display an animated number counter with or without an image will depend on the specific goals and needs of the website or application.

Embedding the Animated Number Counter widget on your website is a straightforward process. Simply copy the provided code and paste it into the desired location on your website. The widget will seamlessly integrate into your site, allowing you to take advantage of its features and functions. No technical expertise or programming knowledge is required - just copy and paste the code to get started. This simple process allows you to easily add the widget to your website and enhance its functionality without any hassle.

Ready when you are

Put your numbers in the spotlight

Works on 200+ platforms. Trusted by 500K+ businesses.

Create your number counter

No credit card · Setup in under 5 minutes