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. Glowing Fog

Glowing Fog

Dynamic fog and light beam cursor follow effect.

React Three Fiber
Drei
Postprocessing
https://atelier-ui.com/glowing-fog
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
speednumber18Animation speed of the effect.
beamColorstring"#6031ff"Color of the central light beam.
beamXnumber0.5Horizontal position of the beam.
beamYnumber0.5Vertical position of the beam.
beamScalenumber0.5Intensity / size of the beam glow.
fogDensitynumber1Density of the fog.
grainIntensitynumber0.1Amount of grain.
mouseFollownumber0.2Strength of mouse-based parallax follow on the beam.
onTextureReady(texture) => voidundefinedReturns the rendered result as a texture.

  • CLI Install
  • Manual Install
  • API
Star on githubBuy me a coffeellms.txt