NumberFlow

讓數字變化以連續視覺方式呈現的介面元件。

前往 NumberFlow 官方網站

簡介

NumberFlow 是專注於數字變化動畫的 UI 元件資源，可讓統計值或計數器的更新更容易被看見。

為何收錄

數字變動很容易被忽略；適度的連續過渡能提供上下文。不過金額、警示與即時資料仍要以清楚文字為主，動態只作輔助。

適合的工作

正在製作儀表板、統計頁或需要顯示計數變化的產品團隊。

可以怎麼用

  • 呈現儀表板指標更新
  • 顯示購物車或通知數量變化
  • 在原型中比較靜態與動態數字的可讀性

Animate.css

Animate.css 是可直接套用的 CSS 動畫類別集。

  • animation
  • ui

動態

Anime.js

Anime.js 提供 JavaScript 動畫 API。

  • animation
  • ui

動態

AutoAnimate

AutoAnimate 替介面元素變動加上轉場。

  • animation
  • ui

動態