maomaowm/docs/visuals/animations.md

title	description
Animations	Configure smooth transitions for windows and layers.

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

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)