Ghost Kit Pro

Ghost Kit Pro adds motion effects and design controls to blocks in the WordPress editor. Select an existing block and configure it in the Effects or extension options. Effects work with core blocks such as Paragraph, Heading, Image, Cover, Group, Columns, Buttons and Query Loop, as well as Ghost Kit blocks. Blocks from other plugins can opt in by declaring works with.ghostkit in their block.json file.

Configure motion by trigger

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

Mouse effects move, tilt, scale or rotate a block as the pointer moves across it. Hover and press use separate states, and mouse effects stay idle on touch screens. Loop animations execute continuously for effects such as rotating badges, floating shapes and drifting backgrounds. Per-block CSS transforms and transitions can also have a hover state.

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

Adjust layout and styling

Ghost Kit Pro includes custom block attributes and responsive breakpoints. Its extensions let you position blocks as absolute or fixed, set offsets, padding and margins by screen size, and apply borders, corner radius and shadows with separate hover styling. You can hide blocks at selected screen sizes or translate, scale, rotate and skew them, including on hover. Custom CSS and JavaScript can be added per page or website wide, with syntax highlighting in the admin.

Add blocks, formats and design options

Additional blocks include Marquee, Code Highlight, Interactive Links, Magnifying Image, Image Scroller, Circle Button and Toggle Content. Text formats include Animated Text, Stroke, Spoiler and Tooltip.

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

Set up and reuse effects

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