Animated counter

new

This component allows you to animate any numeral values from start to end ascendent or descendent adding a cool counter effect. You can also have it play the animation only when the component gets in view and also delay its animation or put it on repeat-peat-peat-peat…

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.

Animated counter

Adjustable properties

Native font styling

Start - end values

Prefix - suffix (value & size)

Animate on (in view / on appear)

Adjustable easing animation

Duration + entry delay

Tabular numbers format

Loop

Adjustable properties

Native font styling

Start - end values

Prefix - suffix (value & size)

Animate on (in view / on appear)

Adjustable easing animation

Duration + entry delay

Tabular numbers format

Loop

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.