组件库
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持续按住按钮完成操作,以进度与回弹反馈减少误触并说明当前状态。
微交互