---
title: "smart-ticker"
description: "Diff-aware animated number and text ticker for React, Vue and Svelte that only animates changed characters."
canonical: "https://vibing.inc/library/smart-ticker-vg-0195"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Text effects"
license: "MIT"
author: "(@tombcato)"
source: "https://github.com/tombcato/smart-ticker"
---

# smart-ticker
Diff-aware animated number and text ticker for React, Vue and Svelte that only animates changed characters.
## Facts
- Source: https://github.com/tombcato/smart-ticker
- Category: Backgrounds, Effects & CSS Oddities / Text effects
- Author: (@tombcato)
- Licence: MIT
- Tags: ticker, numbers, react, animation
## Why it's a gem
Diffing means long numbers roll only where they changed, which reads far better
---
Listed in The Vibeary: https://vibing.inc/library/smart-ticker-vg-0195 · JSON: https://vibing.inc/api/public/library/gems/smart-ticker-vg-0195