Gutenberg Motion: a complete guide to GSAP animation in the block editor
Keep your existing blocks. Learn how presets, contextual targets, timelines and triggers work together, from one heading to a complete motion-ready page.
Read the guideGuides from the product team
Make motion work for your content.
Practical guides for Gutenberg and Elementor 4. Follow the actual controls, choose the right target, and build motion your visitors can use.
3 guides
How to animate a WordPress heading with Gutenberg Motion
Animate the complete heading, its lines, words or characters without replacing the Heading block. Follow a real configuration and learn what to check before publishing.
Read the guideLists, buttons and columns: choosing the right Gutenberg animation target
Move a block, its direct children or specific text. Understand List versus List Item, Buttons versus Button, and placement sequencing versus preset stagger.
Read the guide