Animating WordPress Blocks with Effects

This is a part of the Ghost Kit Pro plugin.
Purchase the Pro plugin to access this and other advanced features.

Purchase Now

You animate WordPress blocks in Ghost Kit from the Effects panel in the block settings. Select a block, add an effect, and it runs on the front end. Reveal animations are in the free plugin. Scroll, mouse and loop effects are part of Ghost Kit Pro.

Available Tools

• Reveal

Pro tools:

• Mouse Hover
• Mouse Press
• Mouse Move
• Scroll
• Loop

Examples

Loop

Scroll

Reveal

Mouse

Enable in 3rd-party blocks

<?php
registerBlockType( 'my/block', {
    title: 'My block',
    supports: {
        ghostkit: {
            effects: true,
        }
    },
    ...
} );