網格系統元件
磚牆排列、可調欄數、拖曳重排、密度切換。當項目數量不固定時,網格本身就需要是一個元件。
共 8 個,其中 8 個免費、不需登入即可安裝。
分頁波次網格:帶分頁器的網格版面:換頁時出場項目朝翻頁方向依距離波次退場、新頁項目自反方向湧入補位,頁碼與總數同步滾動變形。
密度縮放網格:如 iOS 照片 App 以滑桿或捏合在 2/4/6 欄密度間切換的網格版面,所有格子以 FLIP 共享位置動畫平滑重排,且保持視覺錨點不跳動。
編輯式穿插網格:商品網格每隔 N 張卡片依設定節奏自動插入全幅編輯影像、品牌引言或影片區塊形成雜誌式韻律,插入區塊以 clip-path 擴張進場、商品卡交錯淡入。
篩選沉降網格:帶篩選列的網格版面:被濾掉的項目縮小並飛向觸發它的篩選 chip(chip 計數同步跳動),存留項目 FLIP 重排收攏成新網格。
推擠重排網格:可篩選網格在切換分類時,新進卡片會「擠進」隊伍、把鄰近卡片物理推開再彈簧回位,離場卡片被擠出邊緣掉落,整個重排像人群讓位而不是淡入淡出。
小工具看板網格:依 iOS 桌面 widget 尺寸階級(小/中/大)構成的響應式網格版面,進入編輯模式全體微幅搖晃,拖曳重排以 FLIP 彈簧回流,格位還可放入自動輪播的 Smart Stack 疊層。
議程軌道網格:時間 × 軌道的會議議程版面:sticky 時間軸欄固定於左側,切換軌道或講者篩選時場次卡片以 FLIP 重排補位,點擊場次原位展開講者與摘要。
印樣畫廊:攝影印樣版式:帶齒孔膠片邊框的等格網格、格號與底片邊緣標記俱全,hover 時油性筆圈選記號以 SVG 描邊畫出,選中格放大為工作樣張並附手寫式批註。