mangowm

Enabling Animations

mangowm 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.4
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).

Setting	Type	Default	Description
`animation_duration_move`	integer	`500`	Move animation duration (ms)
`animation_duration_open`	integer	`400`	Open animation duration (ms)
`animation_duration_tag`	integer	`300`	Tag animation duration (ms)
`animation_duration_close`	integer	`300`	Close animation duration (ms)
`animation_duration_focus`	integer	`0`	Focus change (opacity transition) animation duration (ms)

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 an animation (e.g., linear vs. bouncy). The format is x1,y1,x2,y2.

You can visualize and generate curve values using online tools like cssportal.com or easings.net.

Setting	Type	Default	Description
`animation_curve_open`	string	`0.46,1.0,0.29,0.99`	Open animation bezier curve
`animation_curve_move`	string	`0.46,1.0,0.29,0.99`	Move animation bezier curve
`animation_curve_tag`	string	`0.46,1.0,0.29,0.99`	Tag animation bezier curve
`animation_curve_close`	string	`0.46,1.0,0.29,0.99`	Close animation bezier curve
`animation_curve_focus`	string	`0.46,1.0,0.29,0.99`	Focus change (opacity transition) animation bezier curve
`animation_curve_opafadein`	string	`0.46,1.0,0.29,0.99`	Open opacity animation bezier curve
`animation_curve_opafadeout`	string	`0.5,0.5,0.5,0.5`	Close opacity animation bezier curve

animation_curve_open=0.46,1.0,0.29,0.99
animation_curve_move=0.46,1.0,0.29,0.99
animation_curve_tag=0.46,1.0,0.29,0.99
animation_curve_close=0.46,1.0,0.29,0.99
animation_curve_focus=0.46,1.0,0.29,0.99
animation_curve_opafadein=0.46,1.0,0.29,0.99
animation_curve_opafadeout=0.5,0.5,0.5,0.5

Tag Animation Direction

Control the direction of tag switch animations.

Setting	Default	Description
`tag_animation_direction`	`1`	Tag animation direction (1: horizontal, 0: vertical)

Animations