---
title: "Wave_Thread — Framer component · Best of Framer"
description: "$5.00 · Framer component · by RAMDIN SINGH · Effects. Description: This Threads component creates an elegant and organic animated thread effect using WebGL (via OGL) and GLSL shaders."
canonical: "https://framer.elliotli.dev/component/wave-thread"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Wave\_Thread

# Wave\_Thread

[View on Framer](https://framer.com/marketplace/components/wave-thread/?via=elliot-li)

![Wave\_Thread preview image 1](https://framer.elliotli.dev/og/component/wave-thread/da4ae275c617d3a9/1600x1200.jpg)

## Summary

Description: This Threads component creates an elegant and organic animated thread effect using WebGL (via OGL) and GLSL shaders.

## Description

**Description:**

This **Threads component** creates an elegant and organic animated thread effect using **WebGL (via OGL)** and **GLSL shaders**. The animation is built from multiple flowing lines that respond to time, amplitude, and mouse interaction — creating a fluid, living motion similar to strands of light or waves in motion.

The **fragment shader** drives the animation using **Perlin noise** to generate smooth, natural distortions across the threads, while **amplitude** and **distance** parameters control the motion’s intensity and spread. Optional **mouse interaction** adds dynamic interactivity, letting the user subtly influence the wave flow in real time.

This code is ideal for:

-   **Hero backgrounds** in creative portfolios
    
-   **Interactive web animations**
    
-   **Framer motion effects** or **visual identity components**
    

It delivers a **minimalist yet futuristic visual style**, combining smooth GLSL motion with performance-optimized rendering through OGL’s lightweight architecture.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10828

## Details

- **Author**: RAMDIN SINGH
- **Price**: $5.00
- **Published**: 2025-10-30
- **Updated**: 2026-01-03
- **Added**: 2025-10-22
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows