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. 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.
  • CLI Install
  • Manual Install
  • API
Star on githubBuy me a coffeellms.txt