Motion Primitives

為介面動態與轉場提供可組合元件的資源。

  • 元件
前往 Motion Primitives 官方網站

這是什麼

Motion Primitives 提供可用於介面動態與轉場的元件資源,讓開發者能從可組合的效果開始實驗。

為何推薦

動態應幫助理解狀態改變,而不是延後操作。這個資源適合用來研究節奏與進出場,再以 reduced motion 與效能測試收斂實作。

適合誰

想在 React 介面加入有目的的動態,但不想從每個動畫細節重寫的開發者。

常用情境

  • 呈現內容切換與載入狀態
  • 為原型驗證轉場節奏
  • 檢查動畫在低效能裝置的影響

21st.dev

收集可作為產品介面起點的元件與實作素材。

  • components
  • react
  • ui

Component Gallery

用來瀏覽與比較設計系統元件樣式的參考網站。

  • components
  • design-system
  • reference

Cursify

探索自訂游標與指標互動效果的前端素材網站。

  • cursor
  • css
  • interaction