Flow Threads
OfficialBeautiful animated flowing threads effect powered by WebGL and OGL. Creates mesmerizing wave patterns that respond to mouse interaction.
Freewebgloglanimationbackgroundinteractivewaves
1 downloadsOonkooUI Team
Installation
Run the following command:
npx oonkoo add flow-threadsProps
FlowThreads Props
| Prop | Type | Default |
|---|---|---|
| color | [number, number, number] | [0.2 |
| intensity | number | 1.0 |
| flowSpeed | number | 1.0 |
| enableInteraction | boolean | true |
| className | string | '' |
Usage
Copy and paste the following code to use this component:
import FlowingThreads from "@/components/oonkoo/flow-threads";
<div className="relative h-[400px] w-full bg-black overflow-hidden">
<FlowingThreads color={[0.2, 0.6, 1]} flowSpeed={1} enableInteraction />
</div>