An exploration of procedural gradient generation using Three.js TSL (Three Shading Language). Create beautiful, animated gradients with mathematical precision and real-time parameter controls.

Features

• Multiple blend modes (linear, radial, angular, diamond)
• Noise-based distortion
• Animated color transitions
• Export to CSS/image

Implementation

Using TSL nodes to build a composable gradient system that can be mixed and matched. The sketch demonstrates how to create complex visual effects from simple mathematical building blocks.