Skip to content

component

BayerDitheringFX

By DiverseKit

Details

Summary

Bayer matrix dithering effect for images

Description

BayerDithering FX is a visual effect component for Framer that transforms images using a Bayer matrix dithering algorithm. The effect converts smooth gradients into patterned pixel distributions, producing a distinctive retro-digital or print-inspired look. You can control dithering intensity, contrast threshold, pixel size, resolution scale, grayscale or color mode, and animation transitions. Apply the effect statically or animate it on hover, scroll, or reveal for added visual impact. Perfect for experimental portfolios, editorial layouts, album covers, tech-inspired designs, and artistic hero sections, BayerDithering FX turns clean visuals into bold, textured compositions with a nostalgic digital edge.

Introduction

Bayer matrix dithering effect for images

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400146678/148/228/309/79/15
  • All · #4667