Zero-dependency effects for Agent UIs: stream glow, neural borders, fire frames, overclock flames, shape-aware auras, liquid water, golden cultivation mist, purple-black demonic aura, thunder tribulation arcs, void blackhole ribbons, and glitch collapse tears.
import { aura } from 'agent-aura'
aura.glow('#card')
aura.border('#card')
aura.fire('#card')
aura.burning('#card')
aura.shape('#avatar')
aura.water('#stream')
aura.cultivation('#dao')
aura.demonic('#mo')
aura.thunder('#jie')
aura.void('#hole')
aura.glitch('#crash')
提示词可直接改选择器 / 区域 / 参数,再复制给 Cursor / Claude。
Eleven effects, one page each. Multiple states and shapes per page.
WebGL2 彩色流光边框,适合 Agent 工作台、对话框、卡片高亮。
aura.glow('#card')
打开演示 →
连续 Shader 光场沿圆角边框流动,光向外溢出。适合思考中、推理中、Agent 活跃态。
aura.border('#card')
打开演示 →
火焰沿 UI 边框持续燃烧,带核心、外焰和火星飞溅。适合危险模式、执行中、点火态。
aura.fire('#card')
打开演示 →
更猛的火焰 + 烟雾 + 背景热浪,像 Agent 正在燃烧寿命硬扛推理。
aura.burning('#card')
打开演示 →
WebGL2 沿轮廓的有宽度光带 + 外层柔光 + 能量尘,自动跟随 border-radius / clip-path。
aura.shape('#avatar')
打开演示 →
WebGL2 轮廓水流 + 水雾场 + 水珠,自动跟随 border-radius / clip-path。
aura.water('#stream')
打开演示 →
WebGL2 金光脉 + 仙雾场 + 灵子,自动跟随 border-radius / clip-path。
aura.cultivation('#dao')
打开演示 →
WebGL2 紫黑魔光 + 魔雾场 + 魔焰粒子,自动跟随 border-radius / clip-path。
aura.demonic('#mo')
打开演示 →
雷霆沿轮廓高速游走并随机外放电弧,自动跟随 border-radius / clip-path。
aura.thunder('#jie')
Open demo →
WebGL2 dark shadow ribbon + event horizon + violet highlights + void mist + sparks. Follows border-radius / clip-path.
aura.void('#hole')
Open demo →
WebGL2 RGB split + digital tears + edge dropouts + data fragments. Follows border-radius / clip-path.
aura.glitch('#crash')
Open demo →