---
title: "Voronoi Pattern — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. A smooth, animated Voronoi pattern"
canonical: "https://framer.elliotli.dev/component/voronoi-pattern"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Voronoi Pattern

# Voronoi Pattern

A smooth, animated Voronoi pattern

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

![Voronoi Pattern preview image 1](https://framer.elliotli.dev/og/component/voronoi-pattern/52817d539700108a/1600x1076.jpg)

## Summary

A smooth, animated Voronoi pattern

## Description

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

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

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

A smooth, anti-aliased animated Voronoi cell pattern — organic, cracked-glass-like cells with customizable gaps, glow, and color stepping. Fully animated, with cell centers drifting and distorting over time.

**Features**

-   Up to 10 base colors — with Steps Per Color to multiply your palette into richer 2x or 3x color variations
    
-   Distortion control — add noise-driven movement to cell centers for a less rigid, more organic pattern
    
-   Gap & Gap Color — style the borders between cells independently from the cell fills
    
-   Glow control — add a radial inner shadow inside each cell with its own tint color
    
-   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
    
-   Glow Color
    
-   Gap Color
    
-   Steps Per Color
    
-   Distortion
    
-   Gap
    
-   Glow
    
-   Speed
    
-   Scale / Rotation / Offset
    

**How to use**

1.  Add the Voronoi component to your canvas
    
2.  Add up to 10 colors and set Steps Per Color to expand your palette
    
3.  Adjust Gap and Gap Color to style the borders between cells
    
4.  Add Glow and Glow Color for a soft inner shadow inside each cell
    
5.  Increase Distortion for a more organic, less rigid cell pattern
    
6.  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 · #9386

## 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