Ghost Kit Pro adds motion and styling controls to blocks in the standard WordPress block editor and Site Editor. Select a block already on a page and configure its Effects or extension settings.

Where effects are available

Effects work with core blocks such as Paragraph, Heading, Image, Cover, Group, Columns, Buttons, and Query Loop, as well as Ghost Kit blocks. A block from another add-on can opt in by declaring works with.ghostkit in its block.json file.

How each effect responds

Reveal animations use presets and controls for offset, opacity, scale, and rotation. Ghost Kit Pro adds 3D rotation, custom viewport settings, and replay options. Scroll effects tie a block’s position, scale, rotation, or opacity to the page’s scroll position, supporting parallax sections and scroll-driven reveals.

Mouse effects move, tilt, scale, or rotate content as a pointer moves across a block, with separate hover and press states. They need a pointer and stay idle on touch screens. Loop animations run continuously, for example on rotating badges, floating shapes, or drifting backgrounds. Per-block CSS transforms and transitions can also have a hover state.

Every effect checks prefers-reduced-motion: reduce and skips animation for users who have disabled motion in their operating system. The effects script loads only on pages that use an effect.

Responsive layout and styling

Extensions add controls to block settings for layout and presentation:

• Set absolute or fixed positioning and adjust offsets by screen size.
• Set padding and margin for each screen size.
• Apply borders, corner radius, and shadows, with a separate hover state.
• Hide blocks at selected screen sizes.
• Translate, scale, rotate, or skew blocks, with hover-state options.
• Add custom block attributes and responsive breakpoints.
• Write custom CSS and JavaScript per page or site wide, with syntax highlighting in the admin.

Additional blocks and text formats

Ghost Kit Pro adds Marquee, Code Highlight, Interactive Links, Magnifying Image, Image Scroller, Circle Button, and Toggle Content blocks. Its text formats include Animated Text, Stroke, Spoiler, and Tooltip.

Design options include additional icon packs, Adobe Fonts, custom font documents, and gradients for buttons, backgrounds, icons, and badges. The Shape Divider block gets extra shapes. Ghost Kit also includes a WPML compatibility layer, and its blocks are translation ready.

Configure and reuse settings

Select a block, open Effects or the relevant extension panel, configure its options, preview the result, then save or publish the page. Use the Ghost Kit menu in the block toolbar to copy extensions from one block and paste them onto another.