---
title: "Simplex Noise — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. Simplex noise layers."
canonical: "https://framer.elliotli.dev/component/simplex-noise"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Simplex Noise

# Simplex Noise

A multi-color gradient

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

![Simplex Noise preview image 1](https://framer.elliotli.dev/og/component/simplex-noise/a36486eb04d6168c/1600x1076.jpg)

## Summary

Simplex noise layers.

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

A multi-color gradient mapped into smooth, flowing curves — built from a combination of two Simplex noise layers. A clean, painterly alternative to a standard linear or radial gradient.

**Features**

-   Up to 10 base colors — build rich, multi-tone flowing gradients instead of a flat 2-3 color blend
    
-   Steps Per Color — multiply your palette into richer 2x up to 10x color variations from the same base colors
    
-   Softness control — go from a hard, poster-like color edge to a smooth, blended transition
    
-   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**

-   Colors
    
-   Steps Per Color
    
-   Softness
    
-   Speed
    
-   Scale / Rotation / Offset
    

**How to use**

1.  Add the Simplex Noise component onto your canvas
    
2.  Add up to 10 colors to build your gradient palette
    
3.  Adjust Steps Per Color to expand your palette into more color variations
    
4.  Set Softness to control how sharp or smooth the transitions between colors are
    
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](mailto:hi@alicorak.com)

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

-   All · #8994

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-05
- **Updated**: 2026-08-16
- **Added**: 2026-07-05
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo
