Perlin Noise

$5

Perlin Noise

The classic animated Perlin noise

Details

Category

Last update

Suggest improvement or report a bug

Perlin Noise — Framer component

About this Component

Preview component

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

  1. Add the Perlin Noise component onto your canvas

  2. Set your Background and Foreground colors

  3. Adjust Proportion and Softness to set the balance and sharpness between the two colors

  4. Increase Octave Count for a more detailed, layered pattern, and fine-tune Persistence and Lacunarity to shape its character

  5. 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

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.