Perlin Noise

Get Depth The classic animated 3D Perlin noise, exposed as a fully controllable Framer component — a smooth, organic 2-color pattern that's equally at home as a subtle background…

Unlock entire Depth library for $149. One price. Lifetime. Get Depth The classic animated 3D Perlin noise, exposed as a fully controllable Framer component — a smooth, organic 2-color pattern that's equally at home as a subtle background texture or a bold, high-contrast hero visual. Features 2-color blend — set Background and Foreground colors, with a Proportion control to shift the balance between them Softness control — go from a hard, high-contrast edge to a smooth, dreamy gradient blend Multi-octave detail — layer up to 8 octaves for anything from a simple soft cloud to a richly detailed, fractal-like pattern Persistence & Lacunarity — fine-tune the roughness and frequency step between octaves for full control over the pattern's character Fully animated — smooth, continuous motion by default, with full control over speed Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance Controls Background Color Foreground Color Proportion Softness Octave Count Persistence Lacunarity Speed Scale / Rotation / Offset How to use Add the Perlin Noise component onto your canvas Set your Background and Foreground colors Adjust Proportion and Softness to set the balance and sharpness between the two colors Increase Octave Count for a more detailed, layered pattern, and fine-tune Persistence and Lacunarity to shape its character Set Speed to control animation pace, or set it to 0 to freeze on a single frame Shader powered by Paper Shaders. Refund Policy: Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout. Support: hi@alicorak.com

The classic animated Perlin noise