Atelier UI®

Read the docsGithub
Docs 1.0.0

Getting started

  • Browse Catalog
  • Installation
  • How to contribute
  • Code of conduct
  • Fluid Scene

Components (28)

  • Clip Reveal
  • Stripe Wipe
  • Sweep Exit
  • Dither Flow
    pro
  • Glowing Fog
    pro
  • Halftone Glow
    pro
  • Fluid Distortion
  • Image Trail
  • Lens Media
  • Liquid Media
  • Magnetic Dot Grid
  • Pixel Media
  • Pixel Trail
  • Pixelated Text
  • Text Bounce
  • Text Fluid
  • Text Roll
  • Text Scramble
  • Curve Media
  • Elastic Stick
    pro
  • Infinite Gallery
  • Infinite Parallax
  • Infinite Zoom
  • Scattered Scroll
  • Text Split
  • WebGL Image
  • WebGL Text
  • WebGL Video
Atelier UI 1.0.0 ©2026
Star on githubBuy me a coffeellms.txt
  1. Docs
  2. /
  3. Components
  4. /
  5. Dither Flow

Dither Flow

A dithered WebGL flow field background.

React Three Fiber
Drei
Postprocessing
https://atelier-ui.com/dither-flow
Unlock Code
Unlock component

Unlock the source code and CLI installation with a one-time license.

Get pro accessSign in
One-time payment. Lifetime access to all current and future pro components.

API

NameTypeDefaultDescription
speednumber1.5Animation speed of the flow field.
scalenumber5Scale of the flow pattern.
ditherSizenumber4Size of each dither cell in pixels.
tonesnumber3Number of levels. Higher values produce smoother gradients.
colorAstring"#000000"Dark tone color.
colorBstring"#ff0000"Light tone color.
onTextureReady(texture) => voidundefinedReturns the rendered effect as a texture.
  • Install
  • API
Star on githubBuy me a coffeellms.txt