The latest articles on Forem by Anton (@antkales). https://forem.com/antkales https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2545810%2Fcfd53fa9-49d8-4f98-b05e-61d7d15dba75.png https://forem.com/antkales en Anton Mon, 09 Dec 2024 09:45:46 +0000 https://forem.com/antkales/counter-a-react-library-for-animating-numeric-transitions-5h1f https://forem.com/antkales/counter-a-react-library-for-animating-numeric-transitions-5h1f <p>Perfect for timers, counters, or progress displays.</p> <p>Animate numbers with increasing (start &lt; end) or decreasing (start &gt; end) values. Works with decimal numbers.</p> <p>See demo <a href="https://antonkolesnik.com/counter" rel="noopener noreferrer">HERE</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frgtpzot202t0dea8s3el.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frgtpzot202t0dea8s3el.gif" alt="Example" width="281" height="230"></a></p> <p>Installation<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>// npm npm <span class="nb">install</span> @antonkolesnik/counter // yarn yarn add @antonkolesnik/counter </code></pre> </div> react counter animation npm