Skip to main content
MangoWCMangoWC
Visuals

Animations

Configure smooth transitions for windows and layers.

Enabling Animations

MangoWC supports animations for both standard windows and layer shell surfaces (like bars and notifications).

animations=1
layer_animations=1

Animation Types

You can define different animation styles for opening and closing windows.

Available Types: slide, zoom, fade, none.

animation_type_open=zoom
animation_type_close=slide
layer_animation_type_open=slide
layer_animation_type_close=slide

Fade Settings

Control the fade-in and fade-out effects for animations.

animation_fade_in=1
animation_fade_out=1
fadein_begin_opacity=0.5
fadeout_begin_opacity=0.8
  • animation_fade_in: Enable fade-in effect (0-disable, 1-enable)
  • animation_fade_out: Enable fade-out effect (0-disable, 1-enable)
  • fadein_begin_opacity: Starting opacity for fade-in animations (0.0-1.0)
  • fadeout_begin_opacity: Starting opacity for fade-out animations (0.0-1.0)

Zoom Settings

Adjust the zoom ratios for zoom animations.

zoom_initial_ratio=0.3
zoom_end_ratio=0.7
  • zoom_initial_ratio: Initial zoom ratio
  • zoom_end_ratio: End zoom ratio

Durations

Control the speed of animations (in milliseconds).

ActionSettingDefault
Window Moveanimation_duration_move500
Window Openanimation_duration_open400
Window Closeanimation_duration_close800
Tag Switchanimation_duration_tag350
Focus Changeanimation_duration_focus0
# Example duration configuration
animation_duration_move=500
animation_duration_open=400
animation_duration_tag=350
animation_duration_close=800
animation_duration_focus=400

Custom Bezier Curves

Bezier curves determine the "feel" of the animation (e.g., linear vs. bouncy).

The format is x1,y1,x2,y2.

ActionSettingDefault
Window Moveanimation_curve_move0.46,1.0,0.29,1
Window Openanimation_curve_open0.46,1.0,0.29,1
Window Open Opacityanimation_curve_opafadein0.46,1.0,0.29,1
Window Closeanimation_curve_close0.08,0.92,0,1
Window Close Opacityanimation_curve_opafadeout0.5,0.5,0.5,0.5
Tag switchanimation_curve_tag0.46,1.0,0.29,1
Focus Opacity Changeanimation_curve_focus0.46,1.0,0.29,1
# Example bezier curves
animation_curve_open=0.46,1.0,0.29,1.1
animation_curve_move=0.46,1.0,0.29,1
animation_curve_tag=0.46,1.0,0.29,1
animation_curve_close=0.08,0.92,0,1
animation_curve_focus=0.46,1.0,0.29,1

Tag Animation Direction

Control the direction of tag switch animations.

SettingDefaultDescription
tag_animation_direction1Tag animation direction (1-horizontal, 0-vertical)

On this page