CoreCountUp
Примеры использования и документация.
Число, которое «докручивается» до значения на глазах пользователя: метрики на лендинге и дашборде воспринимаются живыми, а изменение показателя заметно само по себе. Берите для счётчиков KPI, сумм и статистики; форматирование, локаль и анимация уже включены.
Технические детали: анимация через useTransition (easing easeOutCubic), анимируются только изменения value после маунта; форматирование — Intl.NumberFormat по locale с decimals знаками, префикс/суффикс (prefix/suffix). startOnView — счёт с нуля при первом появлении в viewport (IntersectionObserver; если секция уже видна при монтировании — счёт сразу, без мигания нулём), countOnMount — счёт с нуля сразу после маунта для первого экрана (SSR и no-JS рендерят финальное значение — без CLS; на клиенте мгновенный снап в ноль и счёт до значения). flow — градиентный переливающийся текст числа (color: transparent + background-clip: text, цвета темы, переменные --countup-flow-a/-b, полная замена картинки — --countup-flow-image); prefers-reduced-motion — без анимации счёта и статичный градиент. tabular-nums — цифры не «прыгают» по ширине.
подписчиков
подписчиков с переливом
При загрузке — счёт с нуля (count-on-mount), кнопки плавно ведут значение к новой цели, «С нуля» перемонтирует счёт. prefers-reduced-motion подставляет значение сразу.