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 and layer surfaces.

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.5
  • 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.8
  • zoom_initial_ratio: Initial zoom ratio
  • zoom_end_ratio: End zoom ratio

Durations

Control the speed of animations (in milliseconds).

SettingTypeDefaultDescription
animation_duration_moveinteger500Move animation duration (ms)
animation_duration_openinteger400Open animation duration (ms)
animation_duration_taginteger300Tag animation duration (ms)
animation_duration_closeinteger300Close animation duration (ms)
animation_duration_focusinteger0Focus change (opacity transition) animation duration (ms)
# Example duration configuration
animation_duration_move=500
animation_duration_open=400
animation_duration_tag=300
animation_duration_close=300
animation_duration_focus=0

Custom Bezier Curves

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

The format is x1,y1,x2,y2.

SettingTypeDefaultDescription
animation_curve_openstring0.46,1.0,0.29,1Open animation bezier curve
animation_curve_movestring0.46,1.0,0.29,1Move animation bezier curve
animation_curve_tagstring0.46,1.0,0.29,1Tag animation bezier curve
animation_curve_closestring0.08,0.92,0,1Close animation bezier curve
animation_curve_focusstring0.46,1.0,0.29,1Focus change (opacity transition) animation bezier curve
animation_curve_opafadeinstring0.46,1.0,0.29,1Open opacity animation bezier curve
animation_curve_opafadeoutstring0.5,0.5,0.5,0.5Close opacity animation bezier curve
# Example bezier curves
animation_curve_open=0.46,1.0,0.29,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
animation_curve_opafadein=0.46,1.0,0.29,1
animation_curve_opafadeout=0.5,0.5,0.5,0.5

Tag Animation Direction

Control the direction of tag switch animations.

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

On this page