Title: Ghost Kit – Page Builder Blocks, Motion Effects & Extensions
Author: nK
Published: <strong>July 24, 2018</strong>
Last modified: March 4, 2026

---

Search plugins

![](https://ps.w.org/ghostkit/assets/banner-772x250.png?rev=2971726)

![](https://ps.w.org/ghostkit/assets/icon-256x256.png?rev=2971726)

# Ghost Kit – Page Builder Blocks, Motion Effects & Extensions

 By [nK](https://profiles.wordpress.org/nko/)

[Download](https://downloads.wordpress.org/plugin/ghostkit.3.5.1.zip)

 * [Details](https://wol.wordpress.org/plugins/ghostkit/#description)
 * [Reviews](https://wol.wordpress.org/plugins/ghostkit/#reviews)
 *  [Installation](https://wol.wordpress.org/plugins/ghostkit/#installation)
 * [Development](https://wol.wordpress.org/plugins/ghostkit/#developers)

 [Support](https://wordpress.org/support/plugin/ghostkit/)

## Description

**The Ultimate WordPress Page Building Solution**
 ★★★★★

**Ghost Kit enhances the WordPress editing experience** with a comprehensive collection
of Gutenberg blocks, motion effects, and extensions. Create sophisticated, interactive
websites using an intuitive interface and extensive customization options. Design
engaging layouts, add smooth animations, and extend functionality while maintaining
optimal performance. Ghost Kit gives you the precise control you need over your 
content, making it a powerful alternative to complex page builders.

[See Live Demo](https://www.ghostkit.io/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head)
| [Documentation](https://www.ghostkit.io/docs/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head)
| [GitHub](https://github.com/nk-crew/ghostkit/)

We created this blocks collection for our own needs – create different multipurpose
sites and themes. This is a professional collection and extensions with responsive
grid system helps us and will help you as well, **Ghost Kit will boost your development
speed**.

### 🏆 Create Multipurpose Sites with Ghost Kit

Gutenberg is good tool for basic websites, but when you need something advanced,
Ghost Kit will give you the needed power. Enormous collection of blocks and extensions
will be your magic wand:

#### 🧱 Blocks

 * [**Advanced Columns Block**](https://www.ghostkit.io/docs/blocks/advanced-columns/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Responsive grid block to build layouts of all shapes and sizes thanks to a twelve
   column system. Visual columns size and order change.
 * [**Progress Block**](https://www.ghostkit.io/docs/blocks/progress/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Show the progress of your work, skills or earnings.
 * [**Button Block**](https://www.ghostkit.io/docs/blocks/button/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Change important links to buttons to get more click rate.
 * [**Circle Button Block**](https://www.ghostkit.io/docs/blocks/circle-button/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Circle button with circular text.
 * [**Shape Divider Block**](https://www.ghostkit.io/docs/blocks/shape-divider/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Add SVG shapes between your sections.
 * [**Divider Block**](https://www.ghostkit.io/docs/blocks/divider/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Divide your long texts and blocks.
 * [**Alert Block**](https://www.ghostkit.io/docs/blocks/alert/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Provide contextual feedback messages for user actions.
 * [**Icon Block**](https://www.ghostkit.io/docs/blocks/icon/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Icons are one of the best visual replacement for text descriptions.
 * [**Number Box Block**](https://www.ghostkit.io/docs/blocks/number-box/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Show your progress and rewards using counting numbers.
 * [**Accordion Block**](https://www.ghostkit.io/docs/blocks/accordion/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Toggle the visibility of content across your project.
 * [**Tabs Block**](https://www.ghostkit.io/docs/blocks/tabs/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Separate content on the tabs with titles.
 * [**Toggle Content Block**](https://www.ghostkit.io/docs/blocks/toggle-content/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Switch content by clicking on toggle button.
 * [**Countdown Block**](https://www.ghostkit.io/docs/blocks/countdown/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Display countdown for you upcoming events.
 * [**Video Block**](https://www.ghostkit.io/docs/blocks/video/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Plain and Fullscreen YouTube, Vimeo and Self-Hosted videos.
 * [**Image Compare Block**](https://www.ghostkit.io/docs/blocks/image-compare/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Compare two images with a slider.
 * [**Image Scroller Block**](https://www.ghostkit.io/docs/blocks/image-scroller/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Scroll tall images with hover or mouse scroll.
 * [**Interactive Links Block**](https://www.ghostkit.io/docs/blocks/interactive-links/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Interactive links with media displayed on hover.
 * [**Magnifying Image Block**](https://www.ghostkit.io/docs/blocks/magnifying-image/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Image block with magnifying glass effect.
 * [**Carousel Block**](https://www.ghostkit.io/docs/blocks/carousel/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Carousel for any type of content – images or other blocks.
 * [**Marquee Block**](https://www.ghostkit.io/docs/blocks/marquee/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Scroll text and blocks in a marquee effect.
 * [**Code Highlight Block**](https://www.ghostkit.io/docs/blocks/code/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Display code snippets with syntax highlighting
 * [**Pricing Table Block**](https://www.ghostkit.io/docs/blocks/pricing-table/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Sell your products or services and show all features.
 * [**Testimonial Block**](https://www.ghostkit.io/docs/blocks/testimonial/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Show how your users love your products and what saying.
 * [**GIF Block**](https://www.ghostkit.io/docs/blocks/gif/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Search for and insert an animated image from Giphy.
 * [**Contact Form Block**](https://www.ghostkit.io/docs/blocks/form/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Add contact form to your page with reCaptcha.
 * [**Google Maps Block**](https://www.ghostkit.io/docs/blocks/google-maps/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Show maps with custom styles, markers and settings.
 * [**GitHub Gist Block**](https://www.ghostkit.io/docs/blocks/github-gist/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Embed code parts form GitHub Gist to your site or documentation.
 * [**Changelog Block**](https://www.ghostkit.io/docs/blocks/changelog/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Show the changes log of your product.
 * [**Table of Contents Block**](https://www.ghostkit.io/docs/blocks/table-of-contents/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks)
   
   Automatically generate a table of contents by parsing page headers in content.
 * **Markdown Block**
    Lightweight markup language with plain-text-formatting syntax.
 * **Widgetized Area Block**
    Select registered sidebars and put it in any place.

#### ⚙️ Extensions

 * [**Effects**](https://www.ghostkit.io/docs/extensions/effects/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions)
   
   Add stunning visual effects and interactivity to Ghost Kit and Core blocks. You
   can can easily add reveal animations, scroll effects, mouse move/hover/press 
   effects and loop animations.
 * [**Position**](https://www.ghostkit.io/docs/extensions/position/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions)
   
   Change block position to absolute or fixed and move it with offset in Ghost Kit
   and Core blocks.
 * [**Spacings**](https://www.ghostkit.io/docs/extensions/spacings/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions)
   
   Easily add spacings to Ghost Kit and Core blocks.
 * [**Display**](https://www.ghostkit.io/docs/extensions/display-conditions/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions)
   
   Show and hide blocks Ghost Kit and Core blocks on different screen sizes.
 * [**Frame**](https://www.ghostkit.io/docs/extensions/frame/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions)
   
   Add borders, shadows and corner radius to Ghost Kit and Core blocks on different
   screen sizes.
 * [**Custom CSS & JavaScript**](https://www.ghostkit.io/docs/extensions/custom-css-js/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions)
   
   This extension is available on all pages and let you add custom CSS and JavaScript
   for the current page and globally site wide.

### 📄 Typography

Change typography options globally on a whole site or on specific pages only. Options
available:

 * Font Family
    - Google Fonts
    - Adobe Fonts (Typekit) in Pro version
 * Font Weight
 * Font Size
 * Line Height
 * Letter Spacing

By default you can change typography for the following elements:

 * Body
 * Buttons
 * Headings
    - From H1 to H6

### 🎨 Color Palette

Add custom colors to Gutenberg color palette.

### 📝 Extended Core Blocks

Ghost Kit enhances all WordPress blocks by providing additional functionalities,
but it also offers special extensions for specific blocks.

 * [Headings](https://www.ghostkit.io/docs/core-blocks/heading/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=core-blocks)
 * [Lists](https://www.ghostkit.io/docs/core-blocks/list/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=core-blocks)
 * [Paragraph](https://www.ghostkit.io/docs/core-blocks/paragraph/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=core-blocks)

### 📝 Content Formatting

See demo page with content formatting [https://www.ghostkit.io/docs/formats/](https://www.ghostkit.io/docs/formats/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)

 * [Animated Text](https://www.ghostkit.io/docs/formats/animated-text/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)
 * [Badges](https://www.ghostkit.io/docs/formats/badge/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)
 * [Lorem Ipsum Generator](https://www.ghostkit.io/docs/formats/lorem-ipsum-generator/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)
 * [Spoiler](https://www.ghostkit.io/docs/formats/spoiler/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)
 * [Stroke](https://www.ghostkit.io/docs/formats/stroke/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)
 * [Tooltip](https://www.ghostkit.io/docs/formats/tooltip/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)
 * [Uppercase](https://www.ghostkit.io/docs/formats/tooltip/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting)

### 🔥 Ghost Kit Pro

> Ghost Kit plugin is also available in a professional version which includes more
> features and blocks! [**Learn more about Ghost Kit Pro**](https://www.ghostkit.io/pricing/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro)
> In order to maintain the free version of the plugin on an ongoing basis, and to
> provide quick and effective support for free, we offer a Pro version of the plugin.
> The Pro version allows you to:

 * More Blocks
    - Code Highlight block
    - Marquee block
    - Interactive Links block
    - Magnifying Image block
    - Image Scroller block
    - Circle Button block
    - Toggle Content block
 * More Content Formatting
    - Animated Text format
    - Stroke format
    - Spoiler format
    - Tooltip format
 * Advanced Effects:
    - Loop Effects
    - Scroll Effects
    - Mouse Effects
    - 3D Rotation
    - Custom Viewport
    - Replay Animation
 * More Icon Packs
 * Custom Block Attributes
 * CSS Transform and Transition for blocks
 * Custom Responsive Breakpoints
 * Additional shapes for Shape Divider block
 * Adobe Fonts (Typekit)
 * Custom Fonts
 * Gradient buttons, backgrounds, icons, badges
 * Google Maps custom markers and info boxes
 * And more

### 🏳️ Multilingual

Ghost Kit adds a new layer of compatibility for [WPML](https://wpml.org/). All blocks
are compatible with it and ready for translation. [https://www.ghostkit.io/docs/languages/multilingual/](https://www.ghostkit.io/docs/languages/multilingual/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=multilingual)

## Screenshots

 * [[
 * All blocks
 * [[
 * Templates
 * [[
 * Responsive Advanced Columns
 * [[
 * Progress Bar
 * [[
 * Button
 * [[
 * Divider
 * [[
 * Accordion
 * [[
 * Tabs
 * [[
 * Carousel
 * [[
 * Alert
 * [[
 * Icon Box
 * [[
 * Counter Box
 * [[
 * Google Maps
 * [[
 * Video
 * [[
 * Testimonial
 * [[
 * GitHub Gist
 * [[
 * Changelog
 * [[
 * Pricing Table
 * [[
 * Blocks Extensions

## Installation

### Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers
itself and you don’t need to leave your web browser. To do an automatic install 
of Ghost Kit, log in to your WordPress dashboard, navigate to the Plugins menu and
click Add New.

In the search field type Ghost Kit and click Search Plugins. Once you’ve found our
plugin you can view details about it such as the point release, rating and description.
Most importantly of course, you can install it by simply clicking “Install Now”.

### Manual installation

The manual installation method involves downloading our Ghost Kit plugin and uploading
it to your webserver via your favourite FTP application. The WordPress codex contains
[instructions on how to do this here](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).

## FAQ

### Documentation

The plugin documentation provides a comprehensive source of information on blocks,
extensions, actions, filters, events, and more for developers. It is a valuable 
resource for finding all the relevant details you may need.

[https://www.ghostkit.io/docs/getting-started/](https://www.ghostkit.io/docs/getting-started/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs)

## Reviews

![](https://secure.gravatar.com/avatar/2e02c1868b77ecdf635b4ac55950e4f2ef0bfcde059c3bd38ea969040b4d2873?
s=60&d=retro&r=g)

### 󠀁[Good :thumbup:](https://wordpress.org/support/topic/good-thumbup/)󠁿

 [Gik000](https://profiles.wordpress.org/gik000/) August 22, 2025

It is a pretty good plugin with useful tools

![](https://secure.gravatar.com/avatar/3808e8f43457641e2bbdc01accbc215bd14d6a8151c0196e9b4165adc80e9384?
s=60&d=retro&r=g)

### 󠀁[Had huge potential, but no support for either pro or free any more.](https://wordpress.org/support/topic/had-huge-potential-but-no-support-for-either-pro-or-free-any-more/)󠁿

 [Scott Jr](https://profiles.wordpress.org/sj_o/) May 22, 2025 2 replies

I’ve been using Ghostkit for almost 5 years now. However it was the first time I
paid for pro last year.] Turns out the “pro” is only updated once a year, leaving
you with months of waiting for bugs to be resolved. Free version isn’t getting much
love either. I love Ghostkit and wished to see it emerge as the pioneering block
plugins, but sorry, they just don’t deliver.

![](https://secure.gravatar.com/avatar/0adcd3bc60c0417116b62b79107636f8bff8433b4c7473bdf5128fce114c7643?
s=60&d=retro&r=g)

### 󠀁[It’s effective!](https://wordpress.org/support/topic/its-effective-2/)󠁿

 [Taka](https://profiles.wordpress.org/taka24/) August 26, 2024

Thanks for this pluginn have done to make our job of building sights. Multi function
and feature are available from the start. It’s so nice!

![](https://secure.gravatar.com/avatar/13b787b88b3d8ac804350c1fd229be9a5acacdab859d847dd0dbcbfe21310b52?
s=60&d=retro&r=g)

### 󠀁[Very cool..!](https://wordpress.org/support/topic/very-cool-242/)󠁿

 [wahyudi](https://profiles.wordpress.org/anewahyudi/) August 11, 2024

in addition to the icon block that can support svg, it is also supported by the 
css and javascript editing fields, just with this you don’t need to install several
plugins

![](https://secure.gravatar.com/avatar/e3b0a48e52c30ccabdaf7ded7299fa0c7903c4ade4d80d27384c6da48e11acdc?
s=60&d=retro&r=g)

### 󠀁[Ghostkit is awesome](https://wordpress.org/support/topic/ghostkit-is-awesome/)󠁿

 [Wil](https://profiles.wordpress.org/wildartworksconz/) July 3, 2024

So many great blocks and abilities. Super powers the editor. Only thing i’ve found
is some of the accessibility on some blocks could be improved.

![](https://secure.gravatar.com/avatar/6bdb9e0a9f49ab5d4a29b54fc7af78562aa9fe4eb8261958592d09259f28cbf3?
s=60&d=retro&r=g)

### 󠀁[DO NOT update to 3+](https://wordpress.org/support/topic/do-not-update-to-3/)󠁿

 [kubiq](https://profiles.wordpress.org/kubiq/) May 29, 2024 5 replies

Very good grid builder, but I don’t like how you changed it after version 3 It also
breaks everything in first 3+ versions… margins and paddings disappeared on many
pages… changes were not getting saved… it’s ok now with the current version, but
it cost me a lot of hours to fix this

 [ Read all 46 reviews ](https://wordpress.org/support/plugin/ghostkit/reviews/)

## Contributors & Developers

“Ghost Kit – Page Builder Blocks, Motion Effects & Extensions” is open source software.
The following people have contributed to this plugin.

Contributors

 *   [ nK ](https://profiles.wordpress.org/nko/)

“Ghost Kit – Page Builder Blocks, Motion Effects & Extensions” has been translated
into 3 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/ghostkit/contributors)
for their contributions.

[Translate “Ghost Kit – Page Builder Blocks, Motion Effects & Extensions” into your language.](https://translate.wordpress.org/projects/wp-plugins/ghostkit)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/ghostkit/), check out
the [SVN repository](https://plugins.svn.wordpress.org/ghostkit/), or subscribe 
to the [development log](https://plugins.trac.wordpress.org/log/ghostkit/) by [RSS](https://plugins.trac.wordpress.org/log/ghostkit/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 3.5.1 – Mar 4, 2026

 * fixed frontend general styles being enqueued in the editor, which caused style
   conflicts (e.g., issues with the `Display` extension in the editor)

#### 3.5.0 – Feb 24, 2026

 * improve assets loading to native way
 * update wp-background-processing library to fix warnings with Visual Portfolio
   plugin
 * fixed progress bar viewport animation on mobile
 * fixed nested accordion styles
 * **Pro:**
 * improve assets loading – load only used on the page assets and not all
 * minor changes and fixes

#### 3.4.6 – Dec 7, 2025

 * fixed incorrect double escaping of Effects extension attribute because of WP 
   6.9 changes
 * **Pro:**
 * fixed incorrect double escaping of Attributes extension attribute because of 
   WP 6.9 changes

#### 3.4.5 – Dec 3, 2025

 * **Pro:**
 * fixed error appear in WordPress 6.9 because of changed behavior of `wp_enqueue_script_module`
   function

#### 3.4.4 – Sep 11, 2025

 * added permission checks to custom JS and CSS in posts meta editor (fixes possible
   XSS from contributors)

#### 3.4.3 – Jun 21, 2025

 * fixed always generating heading block anchors even if it not required

#### 3.4.2 – Jun 21, 2025

 * fixed XSS with theme template files
 * fixed block unique ID when duplicating multiple blocks
 * fixed displaying TOC heading content in editor
 * fixed Icon block rendering `aria-label` attribute on link
 * **Pro:**
 * fixed updater caching issue that sometimes caused Forbidden errors

#### 3.4.1 – Jan 13, 2025

 * fixed blocks error in Widgets screen because ‘core/editor’ store is not available
 * updated Google Fonts list
 * **Pro:**
 * changed loading of module script in Code block to `wp_enqueue_script_module`

#### 3.4.0 – Dec 18, 2024

 * added WordPress 6.7 compatibility fixes
 * significantly improved motion effects performance to prevent memory overload
 * fixed editor slow rendering when first page load and when duplicate blocks without
   any extensions on blocks
 * fixed displaying responsive toggle in editor header
 * fixed resizing editor preview when switch responsive toggles
 * fixed usage of `wp-content` hardcoded string, use constants if available
 * hidden Twitter and Instagram blocks from inserter as it is deprecated long time
   ago
 * removed fallback class for Breakpoints, as it is no longer required
 * minor changes
 * **Pro:**
 * changed text domain from `ghostkit-pro` to `ghostkit`
 * fixed displaying message about license activation in the plugins list when the
   license already active
 * removed Circle Button frontend script, because it is no longer used, as we have
   Effects extension

#### 3.3.3 – Sep 7, 2024

 * added escaping to imageTag attribute in the Grid block to prevent xss vulnerability

#### 3.3.2 – Jul 31, 2024

 * migrate Pro plugin from Paddle to LemonSqueezy
 * fixed customizer plugin selector settings rendering
 * fixed Color Palette plugin saving custom colors, displaying default color picker
   dropdown
 * fixed deprecated Templates modal loading

#### 3.3.0 – May 26, 2024

 * **Important**: the Pro plugin is now standalone and no longer requires the free
   plugin. If you are using Pro plugin v2, do not update the Free plugin to v3.3.
   Instead, update the Pro plugin and deactivate the Free one.
 * fixed Counter Box saving incorrect class names
 * fixed loading blocks in the legacy Widgets editor

#### 3.2.4 – Mar 15, 2024

 * fixed extensions enable in 3rd-party blocks with config like this:
    `ghostkit:{
   customCSS: true, }

#### 3.2.3 – Feb 26, 2024

 * fixed loading some Google Fonts with specific names. For example, font “Source
   Serif 4” was not loaded properly
 * fixed Accordion and Tabs buttons default text align
 * fixed Video block with “icon only” style displaying poster image in editor

#### 3.2.2 – Feb 21, 2024

#### Pro:

 * Pro plugin v2.2.2
 * added transformation from Code and Preformatted blocks to Code Highlight
 * fixed Code block Vesper theme default color
 * fixed Code block None language rendering
 * fixed fonts rendering on frontend

#### Free:

 * fixed Pro features Note returns an error and leads the block to crash in the 
   editor

#### 3.2.1 – Feb 19, 2024

 * fixed typography and fonts loading on frontend

#### 3.2.0 – Feb 18, 2024

> There are significant changes to the following blocks: `Google Maps`, `Tabs`, 
> and `Accordion`.
>  Old blocks will work correctly, but after this update, it is
> highly recommended to do the following steps:
>  1. Open page in editor where these blocks are used
>  2. Make any change in content (for ex. add and remove paragraph)
>  3. Click on the Update button to re-save the page.

#### Pro:

 * Pro plugin v2.2.0
 * added Code Highlight block [https://www.ghostkit.io/docs/blocks/code/](https://www.ghostkit.io/docs/blocks/code/)
 * added support for alpha channel in Stroke format color
 * added support for `ivent` library used in the free plugin
 * fixed Magnifying Image block side view z-index
 * fixed wrong gap calculation in Marquee block
 * fixed enqueue assets for iframe – use `enqueue_block_assets`
 * removed Google Maps extension  added to the Free plugin
 * removed support for deprecated Fonts API

#### Free:

 * reworked Google Maps block:
    - added support for custom markers and info window text
    - moved map styles to Styles tab
    - simplified Full Height map styles to use `--wp-admin--admin-bar--height` variable
    - removed dependency on 3rd-party library – use Google Maps API directly
 * reworked Tabs block:
    - improved WCAG compatibility
    - added `aria-selected`, `aria-labelledby`, `aria-controls`, and `aria-orientation`
      attributes
    - changed tab from `&lt;a>` tag to `&lt>button>`
    - changed hidden tab content to `display: none`
    - on screen readers use arrow keys to switch tabs
    - tab content is focusable
 * reworked Accordion block:
    - added h1 title tag support
    - improved WCAG compatibility
    - changed heading from `&lt;a>` tag to `&lt>button>`
    - added `aria-selected`, `aria-labelledby`, `aria-controls`, and `aria-orientation`
      attributes
    - fixed click on Add Accordion Item button in editor
 * added support for text color in Badge format
 * added support for Columns blocks inside the Form block
 * improved InputDrag and InputGroup components – expand the input when value is
   large (for example, when you add the CSS variable in Padding or Margin extension)
 * improved Form block validation – check validity on blur only for forms that were
   submitted and are invalid
 * fixed rare problem when extensions resets after block transformation from deprecated
   version
 * fixed displaying hidden elements if user has enabled reduced motion
 * fixed displaying deprecated Templates feature in the editor Options dropdown
 * fixed responsive toggle in editor toolbar in the latest Gutenberg
 * fixed form reCaptcha keys saving method (sometimes the secret key was not saved
   properly)
 * fixed Changelog block uses deprecated default template
 * fixed Number Box block decimal numbers animation
 * fixed Table of Contents block selection when no headings available on the page
 * fixed Table of Contents block rendering heading content in the latest Gutenberg
 * fixed enqueue assets for iframe – use `enqueue_block_assets`
 * changed internal EventHandler to `ivent` library
 * removed support for deprecated Fonts API
 * dev version improvements:
    - added unit and e2e tests
    - changed build structure to official `wp-scripts`
    - better assets enqueue version and dependencies
 * minor changes

#### 3.1.2 – Nov 23, 2023

 * improved Styles component to use useCallback
 * fixed possibility to add custom classes when our `ghostkit-custom-...` class 
   added
 * fixed missing `+` symbol in custom CSS
 * fixed blocks enqueue method in Ghost Kit settings pages

#### 3.1.1 – Nov 16, 2023

 * fixed migration to new Ghost Kit attributes from deprecated blocks (mostly from
   Core blocks, which has deprecated attributes)
 * changed ProNote component in Reveal effect to collapsed version to not overwhelm
   effect settings panel
 * changed Spring transition defaults

#### 3.1.0 – Nov 12, 2023

> Deprecated changes:

 * completely reworked block extensions. If you used extensions for your custom 
   blocks, using custom JS, you will need to change it, as an API changed.
 * deprecated Templates extension and will be hidden if there are no custom templates
   available. It is recommended to use Patterns feature instead

Changes:

 * added Effects extension
    - Reveal effects
    - Loop, Scroll, Mouse Press, Mouse Hover, Mouse Move effects (for Pro users)
 * added Custom CSS extension:
    - Opacity
    - Overflow
    - Clip Path
    - Cursor
    - User Select
    - Transition (for Pro users)
    - Custom styles
 * added Transform extension (for Pro users)
 * added Custom Attributes extension (for Pro users)
    - possibility to add custom HTML attributes, something like `data-speed="5"`
 * added more Position extension tools:
    - Width and Height
    - Min/Max Width and Height
 * added possibility to copy and paste extensions to blocks
 * added Icon block
 * added Fade Edges option to Carousel block
 * added Radio style to Tabs block
 * added Responsive toggle to editor toolbar with all available Ghost Kit Breakpoints
 * added Responsive toggle to block controls
 * improved Icon Picker UI
 * improved Video block settings
 * updated FontAwesome icons and Google Fonts
 * changed old attributes to new `ghostkit`
    - ghostkitId  ghostkit.id
    - ghostkitStyles  ghostkit.styles
    - ghostkitClassname  removed
 * changed Shape Divider block to flex
 * fixed Image Compare on touch screens
 * fixed Tabs block active tab in editor
 * fixed usage of custom db prefix to get saved typography settings

#### 3.0.2 – Sep 28, 2023

 * fixed form with recaptcha JS submit error
 * fixed Typography Select control dropdown position when placed inside Modal
 * fixed custom styles background processing error

#### 3.0.1 – Sep 27, 2023

 * fixed rare error on some operating systems, which does not contain the GLOB_BRACE
   constant

#### 3.0.0 – Sep 26, 2023

> There are a lot of changes in v3, before updating it on production, we recommend
> test it in staging site first. Look at some of the breaking changes:

 * removed jQuery usage completely:
    - added simple fallbacks where possible
    - added instance to the `prepared.googleMaps` event
    - remove events `afterInit`, `beforeInit.blocks`, `afterInit.blocks`
    - new JS events documented here – [https://www.ghostkit.io/docs/developers/js-events/](https://www.ghostkit.io/docs/developers/js-events/)
 * remove main GhostKit class from JS
 * removed Variants feature, use native Gutenberg Styles instead. This feature was
   introduced in first versions of Ghost Kit, but Gutenberg added their Styles feature,
   which is widely used now and our Variants no longer needed
 * removed custom bottom margin from all Ghost Kit blocks in FSE themes only (this
   change may impact your existing sites)
 * removed Parsley library, use native Form validation instead. Less size, better
   performance
 * there are a lot of plans for Ghost Kit v3 future updates (and new site coming
   soon). It will be huge 😎

Changes:

 * register all blocks in PHP using `register_block_type_from_metadata`
 * added Position extension – it allows creating fixed or absolute blocks with custom
   offsets
 * added Lottie block
 * added Motion One script for animations. Great performance and native WAAPI support.
   We will use it for all future advanced blocks and extensions
    - changed jQuery animations to Motion One
    - remove ScrollReveal script, use Motion One instead
 * added support for Fonts in FSE themes. You can now select the specific font to
   load it in editor Typography settings and on frontend
 * added Lorem Ipsum format-command. Just type in editor `lorem15` and press `space`
   and it will generate a lorem ipsum text instantly
 * added reCaptcha score check for Form block
 * added filters for parse blocks and fallback custom styles render
 * added Honeypot protection to Form block
 * added column settings for paragraph
 * added option to change the Title tag in the Accordion block
 * added support for `layout-flow` inside InnerBlocks
 * added support for adding different blocks inside Changelog block
 * added Hover trigger for Tabs block
 * added vertical orientation, hover trigger, and labels to Image Compare block
 * added Fade Edges option to Carousel block
 * improved inserter in blocks with InnerBlocks
 * improved Form radio and checkbox editor ui
 * improved Form block alert colors
 * improved Color Picker component to use native UI
 * moved some extensions to Styles tab in inspector control
 * moved Templates menu item under Ghost Kit menu
 * fixed Typography font weights output
 * fixed custom styles render in Astra, Blocksy, and Page Builder Framework themes
 * fixed Pricing block not displaying items when block inserted in the editor
 * fixed Tabs block click on tab in editor
 * fixed conflict with dynamically generated styles with custom breakpoints and 
   cached CSS
 * fixed Progress bar width calculation in editor
 * fixed styled lists reversed and start attributes rendering in editor
 * fixed infinite loop of Widgetized Area block if sidebar nested himself
 * changed Form gap to CSS `gap`
 * changed Form default input sizes for better support of standard themes
 * changed category of all Ghost Kit blocks. Moved Ghost Kit block category to the
   top of the blocks list
 * changed block icons and color
 * renamed Grid  Advanced Columns
 * removed sessions usage from Form block
 * removed grid column helpful buttons to select column or grid block. You can use
   blocks list view to select complex inner blocks [https://learn.wordpress.org/tutorial/how-to-use-the-list-view/](https://learn.wordpress.org/tutorial/how-to-use-the-list-view/)
 * removed fallbacks for old versions:
    - remove old icons fallback script, which converted span icons to svg
    - remove fallback for custom styles render from data attribute
    - remove InnerBlocks fallback for frontend of blocks: Button, Grid, Pricing 
      Table
 * removed Reusable Blocks item from Admin Menu since WP v6.3
 * deprecated Highlight text format, use core Highlight format instead
 * a lot of minor changes

#### 2.25.0 – Jan 4, 2023

 * added JS events `prepareCountersObserver` and `prepareVideoObserver`
 * improved Carousel displaying in editor (added slides per view and gap styles)
 * improved appender CSS in some blocks which uses InnerBlocks
 * fixed “Display” extension styles in editor
 * fixed TOC conflict with special characters in headings
 * fixed Form block appended overflow upper blocks
 * fixed wrong variable type usage warning
 * fixed Customizer Plugin displaying in Non Block Based themes
 * disabled Color Palette Plugin from the Block Based themes (custom colors can 
   be added in Appearance  Editor  Styles  Colors  Palette)
 * minor changes

#### 2.24.1 – Sep 29, 2022

 * fixed custom Gap settings save number value instead of string
 * changed Tested up to in readme

#### 2.24.0 – Sep 24, 2022

 * added Vertical Gap support to Grid and Buttons blocks
 * added horizontal align option for top icon/number in the Icon and Number boxes
 * added usage of IntersectionObserver for Animate on Scroll and similar features
 * added aria-label for URL picker
 * updated Swiper script to v8.4.0
 * changed Grid vertical gap from margins to CSS `row-gap`
 * changed Button gap from margins to CSS `gap`
 * changed Spacing control start from the Top input
 * changed RangeControl in all block settings to allow custom values. For example,
   allow specifying more than 12 columns in the grid
 * fixed Animate on Scroll hide elements even when JS is disabled in browser
 * fixed invalid date in editor Countdown block when block inserted
 * fixed Carousel block making duplicate slides even when Loop option is disabled
 * fixed Carousel block content inside duplicated slides. For example, Tabs block
   now working correctly inside slides and duplicated slides
 * fixed Images Compare block usage inside Carousel block
 * fixed Form block nonce field ID conflict with block ID
 * fixed Form block send error on some hosts
 * fixed easing function in the Progress block animation
 * fixed rest call permission check
 * minor changes

#### 2.23.2 – Jul 28, 2022

 * fixed Countdown block wrong date with UTC timezone settings
 * fixed Countdown block possible DatePicker error, when invalid date specified

#### 2.23.0 – Jul 27, 2022

 * ! Important – breaking change – changed `Auto` Grid Column to flex Auto width(
   depends on the content width). To restore previous behavior use `Grow` column
   size
 * added Grow size for Grid Columns
 * updated Google Fonts list
 * fixed custom styles rendering in FSE templates editor
 * fixed automatic heading anchor generation, as we needed it for Table of Contents
   block. Enabled standard `generateAnchors` setting in the editor by default
 * fixed Table of Contents preview in editor if some of headings does not contain
   anchors
 * fixed Countdown block dependency of the user’s time zone. Now used timezone setting
   from the WordPress site
 * removed `will-change` styles usage

#### 2.22.3 – Feb 17, 2022

 * fixed Video block play action
 * removed blocks categories fallback used for WP < 5.5
 * minor changes

#### 2.22.2 – Feb 14, 2022

 * improved method to enqueue block assets and custom styles in block themes (we
   no more need to parse content of the posts, we can make everything inside block
   render)
 * improved styles for nested panels in grid background settings
 * disable Plugin Customizer settings in block themes, as Customizer no more used
   there
 * fixed custom styles render in block themes Site Editor
 * fixed custom styles re-rendering in editor when interacting with editor elements(
   better performance)
 * fixed updating custom styles attributes on editor load

#### 2.22.0 – Feb 7, 2022

 * !important – dropped IE support
 * added support for WordPress 5.9
 * added Animate on Scroll presets in Toolbar block settings
 * added possibility to remove link in URLPicker component (for example, in Button
   block)
 * added support for scrollBehavior in TOC links (used in modern themes)
 * added ToggleGroup control to use it instead of ButtonGroup (better UI)
 * disabled automatic heading anchor generation code in WordPress 5.9 and higher(
   as it is already generates by the Gutenberg)
 * rolled back ScrollReveal to older version, since latest one is not working properly
   when cleaning styles
 * fixed mail send headers
 * fixed Video block autoplay after loading when fullscreen already closed
 * a lot of minor changes

#### 2.21.0 – Dec 1, 2021

 * !important – removed support for deprecated blocks older than Ghost Kit v2.12.
   Make sure you re-saved all pages with old blocks versions.
 * added possibility to remove image in Image Compare block
 * added possibility to change Alt text in the Testimonial photo and Video poster
 * added encodes for Google Maps styles and AWB background images attributes
 * fixed usage of image tag in Video and Testimonial block (no more tag string in
   the attribute)
 * fixed encode/decode functions fails when no string given
 * fixed XML export problem when block styles use `--` characters
 * removed poster images from the Video block with “Icon Only” style selected

#### 2.20.3 – Nov 9, 2021

 * fixed crashing block with Custom CSS

#### 2.20.2 – Oct 25, 2021

 * added option “Pause autoplay on mouse over” to carousel block
 * fixed custom CSS compiler error
 * fixed Table of Contents block scroll to anchor JS error when using Chinese headings

#### 2.20.1 – Oct 17, 2021

 * fixed icon wrong escaping in the Icon List style

#### 2.20.0 – Oct 14, 2021

 * added escaping for SVG icons (fixes conflict with XML content import)
 * added support for WordPress’s excerpt in some blocks
 * improved form reCaptcha code to work only when submit button clicked
 * changed minimum PHP to 7.2
 * fixed block assets loading when block used in new block widgets screen
 * fixed conflict with PublishPress Blocks plugin

#### 2.19.4 – Sep 2, 2021

 * fixed errors in new Widgets editor

#### 2.19.3 – Aug 31, 2021

 * added line breaks for form email texts
 * added support for WP 5.8
 * fixed rare conflict with reusable blocks while parsing
 * hidden Slides per view and Gap carousel options when selected Fade effect
 * hidden Carousel slides before JS init to prevent content jumping

#### 2.19.2 – May 6, 2021

 * fixed carousel block initial slides count in editor
 * fixed possible error with nested reusable blocks while parse page blocks

#### 2.19.1 – Apr 3, 2021

 * fixed warning a non-numeric value encountered conflict with Give plugin

#### 2.19.0 – Apr 1, 2021

 * added vendor prefixes to scss files (fixes unprefixed styles generated for custom
   breakpoints)
 * added dynamic styles for breakpoints generation in background (using CRON)
 * improved custom styles output in `<body>` – use JS to prevent w3c error
 * changed Twitter and Google Maps blocks usage of svg images as backgrounds (we
   need this to prevent possible errors in generated dynamic styles)
 * fixed some editor settings dropdown wrong widths
 * fixed block error when selecting Form Submit block
 * fixed dynamic styles for breakpoints generation if change plugin version

Further changelog entries can be found in the [CHANGELOG.md](https://github.com/nk-crew/ghostkit/blob/master/CHANGELOG.md)
file.

## Commercial plugin

This plugin is free but offers additional paid commercial upgrades or support. [View support](https://www.ghostkit.io/contact/)

## Meta

 *  Version **3.5.1**
 *  Last updated **1 month ago**
 *  Active installations **7,000+**
 *  WordPress version ** 6.6 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.2 or higher **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/ghostkit/), [Japanese](https://ja.wordpress.org/plugins/ghostkit/),
   [Russian](https://ru.wordpress.org/plugins/ghostkit/), and [Spanish (Spain)](https://es.wordpress.org/plugins/ghostkit/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/ghostkit)
 * Tags
 * [animation](https://wol.wordpress.org/plugins/tags/animation/)[blocks](https://wol.wordpress.org/plugins/tags/blocks/)
   [effects](https://wol.wordpress.org/plugins/tags/effects/)[gutenberg blocks](https://wol.wordpress.org/plugins/tags/gutenberg-blocks/)
   [page builder](https://wol.wordpress.org/plugins/tags/page-builder/)
 *  [Advanced View](https://wol.wordpress.org/plugins/ghostkit/advanced/)

## Ratings

 4.6 out of 5 stars.

 *  [  36 5-star reviews     ](https://wordpress.org/support/plugin/ghostkit/reviews/?filter=5)
 *  [  6 4-star reviews     ](https://wordpress.org/support/plugin/ghostkit/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/ghostkit/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/ghostkit/reviews/?filter=2)
 *  [  3 1-star reviews     ](https://wordpress.org/support/plugin/ghostkit/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/ghostkit/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/ghostkit/reviews/)

## Contributors

 *   [ nK ](https://profiles.wordpress.org/nko/)

## Support

Issues resolved in last two months:

     1 out of 2

 [View support forum](https://wordpress.org/support/plugin/ghostkit/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.ghostkit.io/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=donate)