Threads
流动丝线背景 · WebGL/ogl Perlin 波动线随鼠标摆动 + 透明底叠加 + chart token + 静态 fallback
Threads
全状态
Threads
color=[0.22, 0.53, 0.96]
color="#f97316"
amplitude=2.5
distance=1.5
enableMouseInteraction=false
浅色容器
瑚琏组件库
企业级 · 高质量 · 原生适配明暗主题
Playground
Threads
<div className="relative h-56 overflow-hidden rounded-xl"
style={{ background: "oklch(0.10 0.015 265)" }}>
<Threads
amplitude={1}
distance={0}
enableMouseInteraction={true}
/>
{/* 内容层叠在 z-10 */}
<div className="relative z-10">…</div>
</div>