About Light Threads

A living background of organic light. One to three threads drift slowly across your section and bend around the cursor: attract, repel or ripple in its wake. Warm, Cold, Electric, Monochrome or your own colors, with glow, thickness, amplitude, noise and blend modes, and any content on top. WebGL with a Canvas fallback, adaptive quality, touch-friendly and reduced-motion aware.

Features

• One to three organic, seedable threads of light.

• Attract, Repel and Flow cursor modes, with touch support.

• Warm, Cold, Electric, Monochrome and Custom styles.

• Glow, thickness, speed, amplitude, noise, spread and position controls.

• Dark ink mode for light backgrounds.

• Opacity and seven blend modes.

• Content slot on top; the light never blocks clicks.

• Single-draw-call WebGL renderer with a Canvas 2D fallback.

• Adaptive resolution, offscreen pause and context-loss recovery.

• One standalone React + TypeScript file.

• 22 controls in the Framer properties panel