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

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