Dither Paper Style

$5

Dither Paper Style

Dithering pattern generator

Details

Category

Last update

Suggest improvement or report a bug

Dither Paper Style — Framer component

About this Component

An animated 2-color dithering pattern generator — no image needed. Pick from 7 underlying pattern sources (noise, warp, dots, waves, ripple, swirl, or a 3D sphere) and get a constantly evolving, retro print-textured background or UI element.

Features

  • 7 shape sources — Simplex, Warp, Dots, Wave, Ripple, Swirl, and Sphere pattern types, each with a totally different motion character

  • 4 dithering styles — Random, 2x2, 4x4, and 8x8 grid modes

  • Fully animated — smooth, continuous motion by default, with full control over speed

  • Freeze-frame capable — set speed to 0 and use frame to lock on a single static state

  • Pure generative shader — no source image required, works as a standalone background or overlay

  • Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance

Controls

  • Background Color

  • Foreground Color

  • Shape

  • Type

  • Size

  • Speed

  • Scale / Rotation / Offset

How to use

  1. Add the Dithering component onto your canvas

  2. Pick a Shape source — Sphere and Swirl work great as hero backgrounds, Dots and Wave feel more like UI texture

  3. Choose a dithering Type and adjust Size to set the grain of the pattern

  4. Set Background and Foreground colors to match your palette

  5. Adjust Speed to control animation pace, or set it to 0 to freeze on a single frame

Shader powered by Paper Shaders.

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.