互動編排元件
拖曳排序、可調整面板、多步驟流程、手勢、共享元素轉場。這一類處理的是「多個元素之間的協調」,比單一元件的動畫難得多。
共 13 個,其中 10 個免費、不需登入即可安裝。
增刪編排列表:完整 CRUD 列表編排系統:新增時先撐開間隙再讓項目落入、刪除時鄰項合攏補位、排序以 FLIP 連續移動、批次操作以級聯波次執行,並附 undo 幽靈項。
濾鏡組合列:Linear 式的過濾器組合列,新加入的條件以膠囊 chip 彈入排列,chip 內欄位可原地展開編輯,移除時周圍 chip 以 FLIP 補位收攏。
套索多選舞台:在任意網格上拖出選取框,框到的項目依序浮起亮邊,放開後選取計數徽章聚合變形為浮動批次操作列,取消時操作列散回各項目。
焦點退場舞台:頁面級焦點系統:任一區域進入編輯或聚焦模式時,其餘版面整體向後退場——縮小、調暗、模糊成景深背景——Esc 或點擊外部時彈簧回彈歸位。
漫遊選取高亮系統:單一共享的變形高亮面可跨容器在頁面任何註冊元素間旅行——從 tabs 滑到側欄再到網格卡片——並內建 roving tabindex 鍵盤導航與焦點環同步。
跨欄轉運看板:多欄狀態版面(任務看板式),卡片因程式狀態改變(而非拖曳)沿弧線飛越欄位:目標欄先撐開落點、原欄鄰卡合攏、飛行卡帶投影抬升。
導覽聚焦流程:產品導覽 overlay 以 SVG 遮罩在目標元素之間 morph 移動聚焦框,說明卡片沿最佳方位錨定並隨步進飛行跟隨,支援捲動追蹤目標位置。
標籤像實體一樣掉落堆疊、可抓起拋擲,2D 物理模擬
冰箱磁鐵字卡可自由拖曳排列組句,微旋轉與吸附感
長按拖曳重排的清單,其他項目讓位流動,附把手
軟木板上的彩色便利貼:拖曳、新增、揉掉刪除
監聽按鍵序列觸發彩蛋效果的隱藏互動,附進度提示
多層元素隨滑鼠位移形成景深,附陀螺儀後備