Smooth Counter

new

This component animates numbers scrolling smoothly from a start to an end value. Customize fonts, colors, spacing, and add labels before or after the counter. It supports triggers for animations on load or when the component enters view, with smooth, GPU-accelerated transitions for optimal performance.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Smooth Counter

Adjustable properties

Native font styling

Start-end values

Trigger type

Native transition properties

Label prefix/suffix

Smooth fade option

Looping properties

Adjustable properties

Native font styling

Start-end values

Trigger type

Native transition properties

Label prefix/suffix

Smooth fade option

Looping properties

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Set up guide for code components

How do I use it?

Set up guide for code components

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Outlined

An elite repository of minimalist digital device illustrations & icons meticulously designed for creative projects.