Animations and Motion Effects for WordPress Blocks

Your pages stay exactly as they are. They just start moving. Reveal, scroll and mouse effects on the blocks you already built.

Pricing Plans

Or get the free version

$0/ year

For 1 Site
All features see below
Support for 1 Year
Updates for 1 Year

Purchase

Ghost Kit adds motion to the blocks WordPress already gives you

Reveal animations run once, as a block enters the screen. You set the direction, the distance and the spring that carries it.

Scroll effects tie a block to the scroll position instead of to a trigger. That is how a parallax section is built.

Very usefull, complex and clever way to go a step forward with blocks, and also css and javascript possibility to add fragments. For me one of the best!

Antonella Fontana

Stack Circles Demo Image

One Mirror Demo Image

Drop Cream Demo Image

Cube & Ball Demo Image

Fruitful tree

Effects attach to every core WordPress block and to every Ghost Kit block.

fourth were

Every animation checks prefers-reduced-motion and stays still when a visitor asked for that.

from creeping

The controls live in the block itself, so there is nothing new to learn.

7k +

Active installations

Reveal animations are in the free plugin. Scroll, mouse and loop effects are part of Ghost Kit Pro.

Blocks

Extensions

Formats

Effects

Ghost Kit

Page Builder

Plugin

00weeks

00hours

00minutes

00seconds

This countdown has been ended already!

Form

Progress

75%

A huge collection of extensive blocks to help you build stunning sites. ->

Expand your capabilities

Powerful Extensions

Every core WordPress block and every Ghost Kit block picks up the same set of controls, from motion to position, spacing and visibility.

Learn more about extensions

Effects

Reveal, scroll, mouse and loop animations, set on the block itself.

Custom CSS & JS

Custom CSS and JavaScript on the selected page and globally site wide

Spacings

Add margins and paddings to all  Ghost Kit and Core blocks

Display Conditions

Show or hide a block at each screen size, without duplicating it.

Transform

Add transforms to blocks and customize transitions

Position

Change block position to absolute or fixed and move it with offset.

Block Attributes

Add custom attributes to use it for custom scripts

Frame

Add borders and radius to all  Ghost Kit and Core blocks

Advanced Effects

Smooth Animations

Reveal

Fade, slide, scale or rotate a block as it enters the screen. In the free plugin.

Mouse

Move, tilt or scale a block as the pointer travels over it. Ghost Kit Pro.

Scroll

Tie a block to the scroll position, which is how a parallax section is built. Ghost Kit Pro.

Loop

Run an animation continuously, for rotating badges and floating shapes. Ghost Kit Pro.

Every effect checks prefers-reduced-motion, so a visitor who turned animations off gets a still page.

Learn more about effects

Typography and Fonts

Stand out with amazing  font choice

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Google Fonts

1.5k+

Use the most popular font library designed by Google. Simply select predefined fonts and use them.

Adobe Fonts

25k+

Adobe’s font library, connected through your Typekit project. Ghost Kit Pro.

Custom Fonts

Unlimited

Upload any font set that you can find on the whole internet. You are limited only by your imagination.

Add custom fonts to your WordPress website, globally or on specific pages. Custom and Adobe fonts are part of Ghost Kit Pro.

Learn more about fonts

Deep configurations

Custom Breakpoints  & Responsive Settings

Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Ghost Kit.

Receive Feedbacks

Contact Forms

Visually create professional and engaging contact forms by effortlessly arranging pre-defined blocks.

Form Fields Builder

Use different blocks along with special blocks for form fields.

Bot Protection

There is simple spam protection and support for reCaptcha.

Email Submissions

Receive submissions directly to your email.

Learn more about form block

Receive Feedbacks

Developers Friendly

CSS Variables

Easily change styles by changing predefined CSS variables.

JS Events

Listen for events of interactive blocks to add customizations.

PHP Filters

Extend or customize features defined on the backend.

What Else?

Additional Features

No Coding

WordPress builds pages with blocks, and Ghost Kit gives those blocks motion.

Lightweight

Most of the blocks require no dependencies and assets enqueued only when the block is used on the page.

Modern Design

Clean and minimal blocks are ready for your custom website designs.

Languages

Ghost Kit is fully translatable and comes with WPML compatibility for all blocks.

Documentation

Extensive documentation provides a lot of information about all Ghost Kit features.

8 Icon Packs

Use ready-to-use sharp and clean icon packs or use your own custom SVG icons.