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. Halftone Glow

Halftone Glow

A WebGL pulsing glow effect with halftone rendering.

React Three Fiber
Drei
Postprocessing
https://atelier-ui.com/halftone-glow
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
speednumber16Pulse speed.
blurAmountnumber0.2Amount of blur.
edgeSizenumber10Thickness of the edge glow.
edgeDistortionnumber0.02How much noise warps the edge glow.
ringDistortionnumber0.1How much noise warps the ring pulse.
edgeColorstring"#1d334e"Color of the edge glow.
ringColorstring"#4599ff"Color of the ring pulse.
onTextureReady(texture) => voidundefinedReturns the rendered effect as a texture.
  • Install
  • API
Star on githubBuy me a coffeellms.txt