{"repo":"tombcato/smart-ticker","free":true,"listed":false,"github":"https://github.com/tombcato/smart-ticker","clone":"git clone https://github.com/tombcato/smart-ticker.git","description":"🎰 High-Performance Text Diff Motion Component. Make your text flow like water. 高性能文本 Diff 动画组件：让你的文本平滑演变，支持任意字符 (数字/中英文/Emoji)，支持 React & Vue & Svelte","language":"TypeScript","stars":167,"topics":["animation","counter","flip-clock","levenshtein","number-animation","odometer","price-change","react","smart","text-animation"],"license":"MIT","category":"ui-components","readme_excerpt":"Smart Ticker 🇨🇳 简体中文     🇬🇧 English High-Performance Text Diff Motion Component based on Levenshtein diff algorithm. Make your text flow like water. Live Demo Supports any characters Supports Prefix/Suffix, Intl Formatting, Auto-Scale, Fading Edges :--- :--- 🌏 Multi-Charset Support Supports CJK, Numbers, Emojis, and mixed text rolling. Auto-adjusts spacing based on Unicode width. 🧠 Smart Diff Animation Uses Levenshtein algorithm to find the shortest change path; identical characters remain static. ⚡ Smooth Interruption Seamlessly transitions to new targets if the value changes dynamically during animation. 📈 Rich Motion Built-in variety of easings.Supports custom easing function. Supports charWidth fine-tuning. 🦄 Multi-Framework React (Hooks), Vue 3 (Composition), and Svelte 4+ components with a unified API. 🚀 High Performance Powered by RAF , supporting Auto-scale , Fading Edge , and Disable Animation . 📦 Installation NPM (Recommended) From Source 🚀 Usage 📦 Import Styles When using NPM , you MUST explicitly import the style file for the component to work. Source Integration : If copying source code, ensure React version imports Ticker.css and Vue version uses the built-in styles. React Vue Svelte 💅 Customization Custom Fonts The component uses the system monospace stack by default. To use a custom font (e.g., JetBrains Mono ), ensure it is monospace and override via CSS: Note : Must be a monospace font , otherwise alignment issues may occur during scro","default_branch":null,"files":null,"tree":[],"storefront":"/r/tombcato","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tombcato/smart-ticker/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}