按钮

带流光扫过效果的按钮，光泽颜色、背景和速度可配置。

深灰底色叠加 SVG feTurbulence 噪点颗粒的质感按钮，颗粒强度可调。

多层径向渐变模拟流动液态金属，悬停时 blur 光晕向外扩散。

backdrop-blur 毛玻璃按钮，半透明白底、细边框和顶部发光高光。

深灰渐变、多层内描边和拉丝纹理的工业金属按钮。

直角、等宽字体、8-bit 像素硬阴影的复古游戏按钮，按下时阴影塌陷。

clip-path 切出碎裂像素块的赛博朋克按钮，带周期性故障位移。

胶囊按钮，右侧圆形图标容器，悬停时整体反色且箭头右移。

悬停时一道斜向白色光带掠过按钮，扫光时长可调。

模糊光斑实时跟随鼠标位置移动的按钮，光斑颜色可调。

霓虹光晕按钮，悬停时 box-shadow 光晕向外放大。

悬停时圆点放大填满按钮，文字滑出并换成带箭头的反色文案，边框同步变色。

蓝紫绿极光渐变持续流动的按钮，带同步流动的外发光，周期可调。

悬停或聚焦时文字随机乱码并逐字还原的 CTA 按钮。

点赞/收藏切换按钮，点击时星星弹簧缩放并迸发粒子，计数同步变化。

AI 生成按钮：点击后切换为加载中，图标换成旋转加载器并出现呼吸光晕，可受控。

播放/暂停切换，播放中显示跳动的声波柱。

shadcn 风格基础按钮：6 种变体、4 种尺寸，基于 class-variance-authority。

iOS / macOS 原生质感按钮：细描边、柔和阴影、按下轻微缩放。

Origin UI 风格：1px 精致描边、内阴影和克制的交互反馈。

黑底 Apple Logo 两行文案的 App Store 下载徽章，渲染为链接。

共享边框的按钮组，支持水平和垂直排列，只保留两端圆角。

HeroUI 风格按钮组：solid / bordered / flat / faded 四种样式，4 种语义色，圆角可调。

黑色按钮，悬停时“月亮”滑开，露出日冕光环。

主操作加下拉箭头的分裂按钮，菜单支持外部点击和 Esc 关闭。

左侧或右侧带图标的按钮，图标位置可切换。

图标块 + 主标题 + 副文案的复合按钮，适合部署、升级等带说明的操作。

分段选择按钮组：带弹簧滑动的发光选中块，支持方向键切换的 radiogroup。

保存按钮：保存中显示加载器或填充进度条，完成后变绿并打勾，随后自动复位。

二次确认删除按钮：第一次点击进入警示态，3 秒内再次点击才触发，失焦自动取消。

胶囊按钮内嵌徽标（New / Beta / 数字），徽标可放左侧或右侧。

GitHub 风格深色按钮，内联 Octocat 图标，可附带 Star 计数。

带 Figma 彩色 Logo 的文件入口按钮，显示文件名和副文案。

iOS 胶囊按钮：Filled / Tinted / Gray / Plain 四种样式和三种尺寸，可自定义主题色。

iOS 26 液态玻璃风格按钮：毛玻璃、镜面高光和柔和阴影，适合放在图片或渐变背景上。

App Store 风格 GET 按钮：点击后变成环形进度，完成后切换为 OPEN。

控制中心风格圆形开关按钮：图标 + 标题，按下后切换为主题色，带 aria-pressed。

滑动解锁按钮：拖动滑块超过 85% 触发确认，支持键盘回车，文字带流光动画。

iOS 下拉菜单按钮：上下箭头触发毛玻璃菜单，支持破坏性操作和 Esc / 点击外部关闭。

新拟态按钮：凸起与内凹阴影，三种形状，按下时切换为内阴影。

新粗野主义按钮：粗黑边框与硬阴影，悬停抬起、按下压平。

旋转渐变边框按钮：锥形渐变持续旋转，可自定义颜色和速度。

3D 按压按钮：多层阴影与侧边，悬停抬升，按下下沉，可通过色相调色。

Material 风格水波纹按钮：从点击位置扩散波纹，动画结束后自动清理。

磁吸按钮：指针靠近时按钮跟随移动，离开后弹性回位。

霓虹按钮：发光描边和文字，悬停时整体点亮，可自定义颜色。

果冻按钮：糖果渐变与高光，悬停时果冻抖动，按下回弹。

故障风按钮：悬停时青 / 品红双色通道切片抖动，支持减少动态效果。

箭头滑动按钮：悬停时右侧圆形箭头展开铺满整个按钮。

带状态流转的按钮：默认 → 加载中 → 成功 → 自动恢复，支持传入异步 onAction。

描边绘制按钮：悬停或聚焦时 SVG 边框沿路径画出。

点赞按钮：心形弹跳、粒子迸发和计数联动，带 aria-pressed。

填充扫过按钮：悬停时背景从四个方向之一扫过并反色文字。