搜尋文章

輸入關鍵字開始搜尋。

Esc 關閉

元件庫

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

持續按住按鈕完成操作,以進度與回彈反饋減少誤觸並說明當前狀態。

微互動

元件目錄