搜索文章

输入关键词开始搜索。

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

持续按住按钮完成操作,以进度与回弹反馈减少误触并说明当前状态。

微交互

组件目录