OonkooUI

Flow Threads

Official

Beautiful animated flowing threads effect powered by WebGL and OGL. Creates mesmerizing wave patterns that respond to mouse interaction.

Freewebgloglanimationbackgroundinteractivewaves
0 downloadsOonkooUI Team

Installation

Run the following command:

npx oonkoo add flow-threads

Props

FlowThreads Props

PropTypeDefault
color[number, number, number][0.2
intensitynumber1.0
flowSpeednumber1.0
enableInteractionbooleantrue
classNamestring''

Usage

Copy and paste the following code to use this component:

import { FlowThreads } from "@/components/oonkoo/flow-threads"

<FlowThreads>
  {/* Your content */}
</FlowThreads>

Component Info

Typeelement
Categorybackground
TierFree
Last updatedDec 25, 2025