元件庫
210 個 React 元件
波動扭曲字
WarpText文字隨連續形變產生彎曲與波動,適合富有張力的標題與實驗性排版。
文字動畫詞句輪換
RotatingText同一文字軌道支持分片、上下輪換與連續滾動,可組合前後文、變寬與暫停。
文字動畫彈性字形
TextPressure字形隨指針距離改變寬度、字重與傾斜,讓標題像柔性材料一樣回應交互。
文字動畫短句輪播
TextLoop多條短句在同一位置依次過渡,適合首屏標語、狀態提示與輪換關鍵詞。
文字動畫翻牌文字
SplitFlapText字符像機械翻牌一樣逐格切換,以翻頁節奏呈現數字、短句與信息變化。
文字動畫感應字重
VariableProximity可變字體隨指針距離改變字重與字形參數,以漸變影響範圍呈現細膩的文字反饋。
文字動畫故障切片字
GlitchText文字切片與彩色殘影交錯閃現,可調節速度、強度和懸停觸發方式。
文字動畫滾動變速文字
ScrollVelocity文字帶隨頁面滾動速度加快或改變方向,適合富有動感的橫幅與過渡區。
文字動畫滾動浮字
ScrollFloat文字隨滾動逐字從下方浮起,結合輕微拉伸與回彈,讓長頁面標題更有節奏。
文字動畫弧形跑馬燈
CurvedLoop文字沿弧線連續流動,並可通過拖動改變節奏,適合橫幅與頁面過渡區。
文字動畫環形文字
CircularText文字沿圓周排布並持續旋轉,可調整速度與懸停反饋,適合徽章和裝飾標籤。
文字動畫回聲文字
EchoText文字在運動中留下層疊回聲,用重複輪廓和時間差增強標題的動態感。
文字動畫焦點漫遊
TrueFocus焦點在詞語間平滑遊走,以清晰與虛化突出關鍵詞,支持自動輪換、指針與鍵盤交互。
文字動畫解碼文字
DecryptedText隨機字符逐步還原爲目標文字,可通過點擊、懸停或進入視口觸發,並調整解碼順序。
文字動畫藍圖顯影字
TechText字符先以虛線藍圖呈現,指針經過時顯影爲實心字跡,並支持拖拽回彈。
文字動畫立體層疊字
DepthText文字以多層深度和透視構成立體形態,適合海報式標題與強調短句。
文字動畫粒子成字
ParticleText粒子聚合成文字並隨交互散開,讓短句在點陣與字形之間自然轉換。
文字動畫菱形揭幕字
CascadeText文字通過菱形遮罩逐步揭幕,以錯落節奏呈現標題與短句。
文字動畫Pro流彩文字
GradientText多色漸變沿文字流動,可組合方向、角度、往返節奏、懸停暫停與描邊效果。
文字動畫輪廓描字
StrokeText文字以描邊輪廓呈現,並通過動態線條強調字形,適合海報標題與品牌短句。
文字動畫模糊入場
BlurText文字從模糊逐步變得清晰,支持按字或按詞錯峯入場,並調整運動方向與節奏。
文字動畫掃光文字
ShinyText高光沿文字掠過,可調整角度、光帶寬度、往返與暫停,讓短句輕盈發亮。
文字動畫色譜波紋字
SpectrumText每個字符獨立換色,色彩從中心或兩端形成波紋,可調色階、相位與交互暫停。
文字動畫Pro數字遞增
CountUp數字按設定節奏平滑遞增,支持格式化與滾動觸發,適合數據指標和成績展示。
文字動畫填色遮罩字
MaskedHeading以文字字形裁切圖片、視頻或顏色,並組合分片與入場動畫,適合視覺型標題。
文字動畫文字隨行
TextCursor自定義文字沿指針軌跡逐步出現並消退,適合有個性的提示與互動裝飾。
文字動畫儀表掃描字
HudText等寬字符依次點亮,掃描光與角標共同構成科技儀表風格的標題。
文字動畫噪波文字
FuzzyText字符邊緣持續產生噪波抖動,懸停可增強擾動,適合實驗性標題與故障主題。
文字動畫摺疊文字
FoldText文字像紙面一樣摺疊和展開,用平面與透視變化營造有觸感的標題效果。
文字動畫指標擾碼
ScrambledText指針附近的字符短暫擾亂後恢復,可組合半徑、字符集、速度與持續擾動。
文字動畫重力落字
FallingText文字拆成獨立詞塊後受重力下落並相互碰撞,爲短句展示增加物理趣味。
文字動畫逐句打字
Typewriter多句文案依次打出、停頓再刪除,結合閃爍光標與輕微速度變化呈現自然打字節奏。
文字動畫逐字聚光
LumenText光點沿軌跡逐字照明,也可跟隨鼠標與觸摸,按字形距離呈現亮度和光暈。
文字動畫Pro逐字入場
StaggerText標題按字、詞或整行依次出現,可組合位移、模糊、旋轉與節奏控制。
文字動畫字元輪轉
Shuffle字符帶支持橫向洗牌與縱向滾輪,可組合方向、字符池、滾動格數與循環節奏。
文字動畫字元藝術字
ASCIIText將立體文字轉成字符畫,用字母和符號表現明暗層次,適合終端風格與實驗性標題。
文字動畫磁場線陣
MagnetLines細線圍繞指針方向旋轉,像磁針一樣組成實時變化的交互紋理。
動畫磁吸跟隨
Magnet指針靠近時內容輕微靠攏,離開後平滑歸位,適合按鈕、圖標與交互卡片。
動畫彈性網格
ElasticMesh網格在指針作用下拉伸並回彈,用連貫的形變呈現柔軟的交互表面。
動畫點選火花
ClickSpark在點擊位置綻放短暫火花,用輕量粒子反饋強化按鈕與頁面互動。
動畫電游標識
VoltLogo電弧沿標識輪廓遊走並向外跳動,指針靠近時增強能量,適合品牌與科技展示。
動畫電弧邊框
ElectricBorder電流沿內容邊緣跳動,可調整色彩與擾動強度,適合強調卡片和操作入口。
動畫抖色揭幕
DitherVeil指針撥開抖色紋理顯露圖像,可調整顆粒、揭示範圍與邊緣餘輝。
動畫光暈跟隨
GlowCursor柔和光暈跟隨指針移動,以色彩與亮度變化增強深色界面的互動氛圍。
動畫滾動展開
ScrollExpand內容隨滾動從收束狀態逐步展開,通過尺寸與位置變化建立自然的閱讀節奏。
動畫環繞圖集
OrbitImages多張圖片沿環形軌道錯落分佈並運動,適合展示作品、品牌素材與精選內容。
動畫鐳射流束
LaserFlow高亮光束沿曲線路徑流動,可調整顏色與能量感,適合科技首屏與視覺焦點。
動畫漸進模糊
GradualBlur內容靠近指定邊緣時逐漸模糊,柔化滾動容器、導航與頁面邊界。
動畫漸顯容器
FadeContent內容以透明度和模糊漸變輕柔出現,適合段落、卡片與頁面區塊的自然過渡。
動畫揭角貼紙
StickerPeel貼紙邊角隨拖動捲起並露出背面,以陰影和形變呈現自然的揭貼效果。
動畫顆粒疊層
Noise將動態噪點疊加到容器表面,用輕微顆粒感豐富純色、漸變與圖片背景。
動畫立方矩陣
Cubes立方體按網格排列並隨交互起伏旋轉,形成有層次的立體動態矩陣。
動畫流動光環
MagicRings多層光環在空間中旋轉交錯,可調整色彩與流動節奏,營造抽象能量場。
動畫流動金屬漆
MetallicPaint圖像輪廓被金屬光澤與流動紋理覆蓋,適合標識、圖案和品牌視覺展示。
動畫流體彩墨
SplashCursor指針攪動彩色流體,留下混合、擴散並逐漸消退的墨跡,適合沉浸式互動背景。
動畫掠光懸停
GlareHover指針移入時一束高光掠過內容表面,讓卡片和按鈕呈現光澤與層次。
動畫目標鎖定游標
TargetCursor指針移到可交互元素時,角標自動貼合目標邊緣,清楚提示當前可操作區域。
動畫內容入場
AnimatedContent內容進入視口時以位移、縮放和透明度變化自然出現,適合頁面分區與卡片入場。
動畫品牌標識帶
LogoLoop品牌標識沿橫向或縱向無縫流動,適合合作伙伴、客戶與技術棧展示。
動畫群集游標
SwarmCursor一羣細小粒子圍繞指針聚集和追隨,以有機運動形成靈動的軌跡。
動畫融合光球
MetaBalls多個光球隨運動黏連、分離,形成柔軟的液態輪廓與連續流動感。
動畫柔光形變
ShapeBlur幾何圖形在模糊光暈中隨交互改變輪廓,構成柔和而有空間感的動態視覺。
動畫十字跟隨
Crosshair橫縱細線交匯於指針位置,爲交互區域添加精確的座標感與懸停反饋。
動畫水波影象
RippleDistortion圖像表面隨交互擴散出漣漪,通過局部折射呈現水面般的動態變化。
動畫影象拖尾
ImageTrail圖片隨指針移動依次出現並淡出,讓作品與素材沿操作軌跡展開。
動畫網點揭幕
HalftoneReveal通過印刷網點的疏密變化逐步顯露圖像,適合復古海報與圖片過渡。
動畫纖維流線
Strands細密線束在空間中交織流動,用柔和光影和連續彎曲形成纖維質感背景。
動畫畫素光跡
PixelTrail指針經過後留下逐漸消退的像素軌跡,用色塊和餘輝表現移動路徑。
動畫畫素換圖
PixelSwap圖像通過像素塊的重排與替換完成切換,適合具有復古感的圖片交互。
動畫畫素揭幕
PixelTransition像素方塊按節奏覆蓋和揭開內容,爲圖像、卡片與雙面信息提供轉場效果。
動畫星軌邊框
StarBorder流動光點沿邊緣循環遊走,爲按鈕、標籤與容器添加細微而持續的光感。
動畫懸浮粒子
Antigravity粒子在引力場中聚散環繞,隨指針改變運動軌跡,適合富有空間感的交互區域。
動畫液態游標
BlobCursor柔軟的液滴形狀跟隨指針拉伸、融合,爲交互區域增添流體質感。
動畫幽光拖尾
GhostCursor柔和的光影殘像延遲跟隨指針,爲頁面交互增添輕盈的軌跡與速度感。
動畫指標點陣
CursorGrid網格圍繞指針產生局部變化,把平靜的幾何排列轉化爲可探索的交互背景。
動畫指標飄帶
Ribbons多條彩色飄帶沿指針軌跡平滑延伸,以柔軟曲線表現移動速度與方向。
動畫步驟嚮導
Stepper將多步驟內容組織爲連續流程,通過步驟指示與切換動效說明當前位置。
介面元件錯落瀑布流
Masonry不同高度的內容自動排成緊湊列布局,結合入場動效展示圖片與作品。
介面元件彈跳卡組
BounceCards多張卡片以彈性節奏依次展開,適合展示照片、團隊成員或精選內容。
介面元件動效列表
AnimatedList列表項隨滾動逐步出現,並通過選中反饋引導視線,適合通知、選項與內容目錄。
介面元件飛舞海報
FlyingPosters海報沿空間軌跡移動並翻轉,以連續運動呈現具有縱深的圖片集合。
介面元件分層展開選單
StaggeredMenu菜單面板與導航項錯峯展開,用清晰層次組織全屏或側邊導航。
介面元件滾動疊卡
ScrollStack卡片在滾動中依次停駐並堆疊,適合分步介紹、產品故事與重點內容展示。
介面元件滾輪計數
Counter數字位透過滾輪動效銜接數值變化,讓計數、金額和統計資料更容易感知。
介面元件弧形畫廊
CircularGallery圖片沿弧形軌道連續排列,滾動或拖動時呈現具有縱深的瀏覽體驗。
介面元件弧形輸入框
CurvedInput文字沿弧形路徑排布,輸入和提交時保持流暢反饋,適合創意搜索與訂閱入口。
介面元件弧形選項輪
OptionWheel選項沿弧線排列,滾動或拖動時以縮放、模糊與透視突出當前值。
介面元件環繞選單
InfiniteMenu內容節點分佈在可旋轉的立體表面,拖動時持續切換視角與當前項目。
介面元件互動模型預覽
ModelViewer在頁面中旋轉、縮放並查看三維模型,可調整燈光與展示方式。
介面元件膠囊導航
PillNav圓潤膠囊承載導航項,活動狀態以平滑形變銜接,適合緊湊的品牌導航。
介面元件鏡光卡片
ReflectiveCard卡片隨指針變化呈現反射高光與表面光澤,適合突出產品與精選內容。
介面元件鏡面高光按鈕
SpecularButton按鈕表面的高光隨交互流動,結合按壓反饋呈現細膩的金屬光澤。
介面元件聚光卡片
SpotlightCard光斑跟隨指針在卡片表面移動,突出當前內容,適合功能介紹與產品賣點展示。
介面元件聚光卡片網格
MagicBento卡片網格結合聚光、邊緣高亮與粒子反饋,適合分組展示功能和產品亮點。
介面元件聚色卡片牆
ChromaGrid指針附近保留鮮明色彩,周圍卡片逐漸退爲灰度,讓當前內容自然成爲焦點。
介面元件卡片導航
CardNav展開導航時用卡片分組呈現鏈接,兼顧導航層次與品牌內容展示。
介面元件卡片輪換
CardSwap層疊卡片依次移到前景,以連續的空間切換展示產品、評價或作品。
介面元件刻度側欄
LineSidebar導航文字與刻度線隨指針靠近產生位移,適合強調秩序與細節的側邊導航。
介面元件流動畫廊選單
FlowingMenu指針移入菜單時展開流動圖像帶,讓文字導航同時承載視覺內容。
介面元件流光描邊
BorderGlow光暈沿容器邊緣流動並回應指針位置,爲卡片、按鈕或內容面板增加視覺重點。
介面元件流體玻璃
FluidGlass玻璃形態對背後內容產生流動折射,可用於強調圖像、導航與交互展示。
介面元件流體導航
GooeyNav活動導航項之間通過黏連粒子與彈性過渡銜接,爲選中狀態增加流體動感。
介面元件內容輪播
Carousel將圖文內容組織爲可切換的輪播卡片,適合精選推薦、功能介紹與圖片展示。
介面元件漂移照片牆
DriftWall圖片以鬆散層次組成持續漂移的照片牆,適合品牌情緒板與作品集合。
介面元件氣泡導航
BubbleMenu導航項以圓潤氣泡展開和收起,適合需要鮮明動感的移動菜單與品牌導航。
介面元件穹頂畫廊
DomeGallery圖片鋪滿可拖動的立體穹面,通過旋轉瀏覽大幅圖集,適合作品與視覺探索。
介面元件全息資料卡
ProfileCard資料卡隨指針傾斜並顯現全息高光,適合個人主頁、團隊介紹與身份展示。
介面元件伸縮輪播
FlexCarousel圖片卡片隨當前選擇伸縮展開,以流暢佈局變化組織圖集與精選內容。
介面元件透視傾斜卡
TiltedCard卡片隨指針位置自然傾斜,結合縮放與懸浮提示,爲圖片展示增加立體層次。
介面元件拖拽卡片堆
Stack卡片層疊排列,拖拽或切換時露出下一張,適合圖片瀏覽與內容探索。
介面元件無盡螺旋
InfiniteSpiral連續螺旋向空間深處延伸,通過旋轉、縮放與色彩變化營造循環流動感。
介面元件畫素顯影卡
PixelCard像素點在卡片表面依次亮起與消退,爲懸停和焦點狀態添加細膩反饋。
介面元件消散卡片
DecayCard卡片圖像在交互中產生扭曲與消散感,爲作品和視覺內容增加動態細節。
介面元件形變圖片輪播
MorphSlider圖片之間通過融化、扭曲等形變銜接,適合強調視覺過渡的作品與產品輪播。
介面元件懸浮玻璃圖示
GlassIcons半透明圖標卡片在懸停時抬起並展開層次,適合功能入口與快捷導航。
介面元件懸浮程式塢
Dock圖標在指針靠近時彈性放大,以緊湊的程序塢呈現常用導航與快捷操作。
介面元件懸掛工牌
Lanyard工牌由掛繩懸掛並隨拖動自然擺動,適合個人介紹、團隊身份與品牌展示。
介面元件展開資料夾
Folder文件夾在交互時打開並露出卡片,用熟悉的層疊結構展示文件與資源入口。
介面元件摺疊畫廊
AccordionGallery圖片面板隨交互展開,讓當前作品獲得更多展示空間,適合作品集與圖片導航。
介面元件折射玻璃面板
GlassSurface半透明面板結合模糊、折射與高光邊緣,適合浮層、導航與信息容器。
介面元件縱深輪播
DepthCarousel卡片沿縱深方向前後切換,用縮放與層次變化突出當前展示內容。
介面元件暗紋流幕
DarkVeil深色噪紋與柔和色光緩慢流動,爲內容提供剋制而有層次的動態背景。
背景波紋點陣
RippleGrid點陣隨波紋逐層起伏,並可響應指針,形成有空間感的幾何背景。
背景綵球碰撞
Ballpit彩色球體在容器內碰撞、擠壓並響應指針,適合輕鬆活潑的互動展示。
背景側光流束
SideRays光束從頁面側邊交錯延伸,以明暗與色彩變化襯托中心內容。
背景垂落光雨
Lightfall細長光跡如雨般垂落並交織,用明暗與速度變化形成有層次的光雨背景。
背景磁性流體
Ferrofluid金屬質感的流體不斷聚合與拉伸,指針可擾動流向,適合抽象視覺與產品首屏。
背景復古顯像
CRTWarp以屏幕曲率、掃描紋理和色彩偏移模擬老式顯像管,適合復古與終端主題。
背景故障終端
FaultyTerminal掃描線、字符紋理與信號擾動疊加成復古終端背景,可調整噪點與閃爍節奏。
背景光軌穿越
Hyperspeed道路與光軌向遠處延伸,以高速透視運動營造穿越隧道的沉浸感。
背景光譜稜鏡
Prism立體棱鏡在光色中旋轉折射,可調整色調與運動,適合作爲科技視覺焦點。
背景光譜綻放
PrismaticBurst彩色光束從中心向外綻放,以折射般的層次與運動構成鮮明的視覺背景。
背景光束掃描
Scanner高亮掃描帶穿過暗色空間,可調整光色與掃描節奏,適合科技氛圍背景。
背景光絲流動
Threads細密光絲沿波形流動並響應指針擾動,以簡潔線條構成有層次的動態背景。
背景光影隧道
LightTunnel重複光環向縱深排列,以連續的透視運動形成通往遠處的發光隧道。
背景虹彩流光
Iridescence虹彩在曲面般的光影中緩慢變化,可調整色調與運動,適合輕盈的抽象背景。
背景幾何流動網格
ShapeGrid重複幾何單元沿網格持續移動,可調整形狀、方向與節奏,適合作爲簡潔背景。
背景互動波浪
Waves多組細線以波浪節奏流動,並隨指針產生局部起伏,適合輕量的線性背景。
背景互動點陣
DotGrid規則點陣隨指針產生位移和明暗變化,讓背景以細膩反饋回應操作。
背景交織光網
WebThreads多色光絲交織成扇形或鏡像線網,可調整密度、亮度與指針擾動,適合抽象背景。
背景顆粒漸變
Grainient帶顆粒質感的漸變緩慢交融,可調整色彩、流速與扭曲,適合創意落地頁背景。
背景顆粒色場
Dither漸變光色經過抖色處理形成顆粒層次,兼具復古像素質感與流動效果。
背景空間粒子場
Particles粒子在多層空間中緩慢移動,並可響應指針,適合作爲輕盈的科技背景。
背景雷達掃描
Radar掃描光束掃過同心刻度與目標點,適合狀態監測、定位與科幻主題展示。
背景粒子星系
Galaxy星點與粒子圍繞中心緩慢流轉,可調整密度與色彩,適合太空和科幻主題背景。
背景流彩百葉
GradientBlinds漸變光色被分割爲百葉條帶,隨運動與交互產生有節奏的明暗變化。
背景流彩波紋
GradientWaves多層漸變波紋相互疊加,以柔和的起伏與色彩過渡鋪滿背景。
背景流彩曲面
ColorBends多層漸變色面持續彎折交融,並響應指針擾動,適合作爲沉浸式首屏背景。
背景流動等高線
Topography層疊等高線像地形一樣緩慢變化,可調整密度與色彩,適合自然和數據主題背景。
背景流動等離子
Plasma彩色光場像等離子體般持續流動,可調整色調、速度與縮放,適合抽象動態背景。
背景流動點場
DotField密集光點構成持續變化的空間場,可調整分佈與運動,適合輕盈的科技背景。
背景流動光束
Beams平行光束在立體空間中起伏流動,可調整光色與速度,適合科技感首屏。
背景流光綢面
Silk柔和光影沿絲綢般的曲面流動,可調整顏色與波動,爲頁面增添細膩質感。
背景流光極光
Aurora柔和色帶像極光一樣緩慢流動,可調整配色與起伏,爲首屏增添輕盈的光感。
背景流光立柱
LightPillar明亮光柱在霧感空間中緩慢變化,用集中光色爲內容建立視覺中心。
背景流光能量球
Orb發光球體在色彩與波紋中緩慢變化,可響應懸停,適合視覺中心與交互入口。
背景流光曲線
FloatingLines多組發光曲線緩慢漂浮交織,可調整色彩與彎曲程度,構成柔和的動態背景。
背景流體雲霧
LiquidEther多色流體緩慢交融並被指針推動,以柔和雲霧填充交互背景。
背景迷幻方陣
AcidSquares層疊方格在光影中彎折流動,可調整色彩、密度與波動幅度,營造迷幻空間。
背景能量波紋
PlasmaWave高亮色帶沿波形扭轉流動,通過光影與層次變化呈現抽象的能量波場。
背景漂移圖陣
GridMotion多行圖片沿不同方向緩慢位移,結合指針反饋構成富有節奏的視覺背景。
背景切片波場
SlicedWaves波紋被分割爲層疊切片,通過錯位與起伏形成富有秩序的抽象空間。
背景熔融金屬
MoltenMetal高光與凹凸紋理在金屬表面持續流動,形成具有溫度感的抽象材質背景。
背景柔光極光
SoftAurora霧感色帶緩慢舒展,以低對比光色營造安靜、柔和的頁面背景。
背景散射光線
LightRays光線從指定位置散射,並隨指針和時間變化,適合聚焦標題或營造舞臺光感。
背景閃電光弧
Lightning閃電以不規則分支劃過背景,可調整光色與強度,適合能量感與科幻主題。
背景網格扭曲
GridDistortion圖像被劃分爲可變形網格,指針經過時產生局部拉伸與回彈。
背景線條波場
LineWaves細線以連續波形交錯起伏,用簡潔幾何與流動節奏構成動態背景。
背景畫素波場
PixelBlast像素點陣隨波動和交互產生明暗起伏,構成具有復古質感的動態背景。
背景畫素飄雪
PixelSnow像素雪點分層飄落,可調整大小、密度與速度,爲頁面增添輕盈的季節氛圍。
背景畫素漩渦
Balatro像素色帶圍繞中心旋轉扭曲,以復古顆粒和鮮明配色構成動態漩渦背景。
背景焰光之眼
EvilEye發光虹膜與火焰紋理組成注視指針的眼睛,適合奇幻與實驗性視覺展示。
背景液態鏡面
LiquidChrome高反射曲面像液態金屬一樣流動,指針擾動會改變局部光影與形態。
背景幽光纖維
GhostFibers多層細密光纖在暗處流動扭轉,可調整光色與波動,適合細膩的抽象背景。
背景原子星軌
AtomOrbit發光粒子沿多條軌道環繞核心運動,適合科學、科技與太空主題的視覺背景。
背景字元噪幕
LetterGlitch字符矩陣不斷隨機變換並閃爍,組成可調色彩與節奏的終端式動態背景。
背景波峰滑塊
WakeSlider拖動數值時鄰近刻度依次抬起形成波峯,用連貫的起伏呈現位置與變化。
微互動側滑操作行
SwipeRow橫向滑動列表行以展開附加操作,適合消息、任務與移動端內容列表。
微互動彈性單選
JellyRadio切換單選項時產生柔軟形變與回彈,讓選擇狀態清晰且富有觸感。
微互動彈性分段選擇
RubberSegment選中底板在選項間拉伸、滑動並回彈,讓分段切換具備連續的操作反饋。
微互動彈性勾選框
SpringCheck勾選狀態通過彈性縮放與描線動效切換,讓表單確認過程清晰可感。
微互動點陣載入
LatticeLoader點陣按節奏輪轉,在加載、完成與失敗之間平滑切換,並可展示處理用時。
微互動對話輸入條
PromptBar將文本輸入、模型選項與發送狀態整合在輕巧面板中,適合對話與生成式工具。
微互動躲閃輸入框
DodgeField輸入框會對指針做出躲閃反應,爲表單演示與趣味互動增加意外感。
微互動分支選單
BranchedMenu操作項從主按鈕周圍分支展開,用緊湊的動效組織一組快捷操作。
微互動浮動星級評分
PeekRating懸停時評分圖標抬起並顯示提示,點擊後清楚呈現當前分值與選擇反饋。
微互動滑動確認
SlideCommit拖動滑塊到終點完成操作,以軌道進度和到位反饋表達確認過程。
微互動滑動選擇器
GlideSelect選項之間以滑行動效銜接,讓當前選擇的位置與變化更清晰可見。
微互動彗尾旋鈕
CometDial拖動環形旋鈕調整數值,光跡像彗尾一樣跟隨,兼顧操作反饋與視覺表現。
微互動漸進顯影框
RefineFrame圖像在邊框引導下逐步由粗糙變得清晰,呈現精修和漸進揭示的視覺過程。
微互動可滑動提示
SwipeToast提示消息以輕巧動效出現,並支持滑動關閉,適合操作結果與臨時通知。
微互動任務狀態標記
StatusMark以旋轉、進度與圖標過渡呈現處理中、完成和失敗狀態,適合任務列表與反饋區。
微互動柔彈開關
SquishSwitch滑塊切換時短暫擠壓並回彈,用柔軟形變表達開關狀態變化。
微互動柔彈提示氣泡
WarmTooltip提示氣泡經過短暫停留後柔和彈出,並在相鄰目標間延續響應節奏。
微互動揉紙互動
PaperCrumple紙張在拖動和形變中產生褶皺與陰影,呈現接近真實紙面的觸感。
微互動雙面翻卡
FlipCard卡片在正反兩面間立體翻轉,適合將簡介與詳情、問題與答案放在同一位置。
微互動思考狀態條
ThoughtLine以呼吸光效、流光與計時呈現處理過程,完成後平滑收束,適合對話與任務反饋。
微互動撕票互動
TearTicket沿虛線拖動票據使其分離,以紙張形變和回彈呈現直觀的撕取過程。
微互動碎紙互動
Shredder將內容拖入切口後逐條裁碎並落下,用紙張形變呈現直觀的移除反饋。
微互動通話狀態條
CallChip將通話狀態與操作收進膠囊界面,通過尺寸和圖標變化傳達當前狀態。
微互動通知鈴鐺
BellToggle點擊鈴鐺切換通知狀態,以搖擺和細節動效清晰回應操作。
微互動拖拽數值框
ScrubField橫向拖動即可調整數值,同時支持直接輸入與精細步進,適合編輯器參數面板。
微互動心跳反饋
PulseHeart愛心以脈動與縮放回應操作,讓喜歡、收藏等輕量行爲獲得清晰反饋。
微互動蓄力彈射按鈕
SlingButton拖拽按鈕積蓄形變,鬆手時彈回或觸發操作,用彈性軌跡強化互動反饋。
微互動懸浮資料夾
FolderFloat文件夾打開時,紙張卡片依次抬起並輕微漂浮,適合資源導航與文件預覽。
微互動延時確認按鈕
FuseButton操作觸發後進入可撤銷的倒計時,以沿邊進度清晰呈現提交前的等待過程。
微互動驗證碼輸入
CodeSlots分格輸入驗證碼,結合光標、掩碼與驗證結果動效,清楚呈現輸入和確認過程。
微互動液位量表
SloshGauge數值映射爲容器內的液麪高度,交互時液體晃動並回落,適合進度和容量展示。
微互動語音狀態膠囊
VoicePill將錄音、波形與狀態反饋收進膠囊界面,適合語音輸入和音頻操作入口。
微互動長按確認
HoldButton持續按住按鈕完成操作,以進度與回彈反饋減少誤觸並說明當前狀態。
微互動