React 表單輸入元件

彈簧物理平滑游標輸入框

驗證碼分格輸入，錯誤抖動/成功波紋

標籤輸入，新增/刪除彈性動畫

送出時文字粒子化消散

拖放上傳，磁吸邊框 + 進度環

多步驟表單，方向感知滑動過場 + 進度指示

點擊即編輯，佈局無縫 morph

把手拉伸帶彈簧物理的滑桿

即時強度計、規則檢查清單與顯示切換的密碼輸入

雙 handle 選取數值區間，附即時數值氣泡，適合價格篩選

輸入 @ 觸發人員選單，插入高亮提及籤條的文字區

canvas 手寫簽名：筆壓粗細、清除重寫、匯出 PNG

擬真信用卡隨輸入即時更新，CVC 聚焦時卡片翻面

拖曳滑桿時表情從哭到愛心漸變，臉部隨值變形

iOS 風格 3D 滾輪選時間：慣性滾動、吸附、透視弧面

九宮格連線解鎖：拖曳畫圖形、成功/失敗回饋動畫

經典星星評分：半星、hover 預覽填色、鍵盤方向鍵、唯讀模式與評分人數、點選時星星彈跳，可自訂圖示與顆數

電商數量 ± 步進器：長按加速、上下限與到界抖動、可直接輸入、歸零變垃圾桶圖示、數字逐位滾動，緊湊／膠囊兩種樣式

NPS 淨推薦值調查卡：0–10 分段按鈕依貶損／被動／推薦者著色、選後展開追問文字欄、送出後感謝態與分數計算

按鈕觸發的選擇器：目前值交叉淡接、選單錨定並在邊緣翻轉，群組與分隔、首字跳轉與方向鍵巡覽，高亮列滑動。

勾選時勾號描邊畫出、方塊微縮放回彈的核取方塊，半選橫線與勾號之間平滑變形，群組全選逐項錯開。

單選群組：選中圓點以彈簧放大，卡片變體的選中外框在選項間滑動，方向鍵切換也同樣滑動。

表單欄位容器：標籤、說明、錯誤訊息與前後綴整合，錯誤以高度展開收合不跳版，前後綴與輸入框共用聚焦外框。

輸入即篩選的選擇器：注音組字中不過濾也不誤選，清單錨定並在邊緣翻轉，高亮列滑動，多選時選項化成可移除的標籤。

可拖曳轉動的旋鈕輸入：外圈 SVG 刻度、吸附點微震、指針彈簧到位、讀數逐位滾動，支援滾輪與方向鍵。

開關與滑桿共用同一顆把手：開啟後把手跳上垂直或水平滑桿可拖曳調整數值，關閉時把手跳回開關，適合「啟用後再調強度」的設定。