Atelier UI®

Read the docsGithub
Docs 0.7.0

Getting started

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

Components (19)

  • Dither Flow
    pro
  • Glowing Fog
    pro
  • Halftone Glow
    pro
  • Fluid Distortion
    new
  • Image Trail
    new
  • Liquid Image
    new
  • Magnetic Dot Grid
    new
  • Pixel Trail
    new
  • Pixelated Text
    new
  • Simple Scramble
    new
  • Text Bounce
    new
  • Text Fluid
    pro
  • Text Roll
    new
  • Curve Image
    new
  • Elastic Stick
    pro
  • Infinite Gallery
    new
  • Infinite Parallax
    new
  • Infinite Zoom
    new
  • Scattered Scroll
    new
Atelier UI 0.7.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.
  • CLI Install
  • Manual Install
  • API
Star on githubBuy me a coffeellms.txt